@extends('admin.layout-content')

@section('header')
    <style>

    </style>
@endsection

@section('content')
    <div class="layui-container sg-create-container">
        <div class="layui-col-sm8 layui-col-sm-offset2">
            <form class="layui-form" method="POST" action="{{ $pre_uri . 'update' }}">

                {{ csrf_field() }}
                {{--@php(dd($item->user_id))--}}
                <input type="hidden" name="id" value="{{ $item->id }}">
                <input type="hidden" name="user_id" value="{{ $item->user_id }}">
                <input type="hidden" name="project_id" value="{{ $item->project_id }}">
{{--                @include('share.layui-form-item', ['type' => 'select', 'name' => 'project_id', 'label' => '项目', 'selected_id' => $item->project_id, 'options' => $project_options])--}}
{{--                @include('share.layui-form-item', ['type' => 'select', 'name' => 'project_role_id', 'label' => '角色', 'selected_id' => $item->project_role_id, 'options' => $role_options])--}}

                <div class="layui-form-item">
                    <label class="layui-form-label" style="padding: 0px;">项目</label>
                    <div class="layui-input-block">
                        <select name="project" required lay-verify="required"  disabled lay-filter="project_id" utocomplete="off"  >
                            @foreach($project_options as $option)
                                <option value="{{ $option['id'] }}" {{ $option['id'] == intval($item->project_id) ? 'selected' : ''}} >{{ $option['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="padding: 0px;">角色</label>
                    <div class="layui-input-block">
                        <select name="project_role_id" required lay-verify="required"  autocomplete="off"  >
                            @if($item->project_id == 1)
                                <option value="6" >领导账号</option>
                            @else
                                @foreach($role_options as $option)
                                    <option value="{{ $option['id'] }}" {{ $option['id'] ==  intval($item->project_role_id) ? 'selected' : ''}}>{{ $option['name'] }}</option>
                                @endforeach
                            @endif

                            $item->project_role_id
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
                <div class="layui-form-item">
                </div>
            </form>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        $(function () {
            layui.use(['form'], function(){
                var form = layui.form;

                var roleList = {!! json_encode($role_options) !!}
                console.log(roleList)
                form.on('select(project_id)', function(data) {
                    project_id = data.value;
                    console.log(project_id)
                    let options = '';
                    if(project_id == 1){
                        options = '<option value="6" selected>' +  roleList[5].name + '</option>'
                    } else {
                        for(let i = 0; i < roleList.length; ++i) {
                            options += '<option value=' + parseInt(roleList[i]).id + (parseInt(roleList[i].id) === parseInt(project_id) ? ' selected' : '') + '>' + roleList[i].name + '</option>'
                        }
                    }
                    $("select[name='project_role_id']").html(options);
                    form.render('select');
                });


            });
        })
    </script>
@endsection