@extends('backend.layouts.main')

@section('content')

    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{$subtitle}}</h3>
        </div>
        <div class="col-md-7 align-self-center">
            {{ Breadcrumbs::render('backend.staff.add') }}

        </div>

        <div class="col-md-12">
            <div class="card card-outline-info">
                <div class="card-body">

                    <form class="form-horizontal" action="" method="post">

                        @include('backend.partials.msg')
                        @include('backend.partials.errors')

                        {{ csrf_field() }}

                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Họ tên <span class="text-danger">*</span></label>
                                    <input type="text"
                                           class="form-control form-control-line"
                                           name="fullname"
                                           value="{{$form_init->fullname}}">

                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label for="example-email">Email</label>
                                    <input type="email"
                                           class="form-control form-control-line"
                                           name="email"
                                           value="{{$form_init->email}}">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Số điện thoại <span class="text-danger">*</span></label>
                                    <input type="text"
                                           class="form-control form-control-line"
                                           value="{{$form_init->phone}}"
                                           name="phone">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Mật khẩu <span class="text-danger">*</span></label>
                                    <input type="password"
                                           class="form-control form-control-line"
                                           value=""
                                           name="password">
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Trạng thái <span class="text-danger">*</span></label>
                                    <select class="form-control form-control-line"
                                            name="status">
                                        <option value="">Chọn</option>
                                        <option value="{{\App\Models\CoreUsers::STATUS_REGISTERED}}" {!! $form_init->status ==\App\Models\CoreUsers::STATUS_REGISTERED ? 'selected="selected"' : '' !!}>
                                            Đang hoạt động
                                        </option>
                                        <option value="{{\App\Models\CoreUsers::STATUS_BANNED}}" {!! $form_init->status == \App\Models\CoreUsers::STATUS_BANNED ? 'selected="selected"' : '' !!}>
                                            Đã bị cấm
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Chức vụ <span class="text-danger">*</span></label>
                                    <select class="form-control form-control-line"
                                            name="account_position">
                                        <option value="">Chọn</option>
                                        @foreach($account_position as $v)
                                            <option value="{{$v['id']}}" {!! $form_init->account_position ==$v['id'] ? 'selected="selected"' : '' !!}>{{$v['name']}}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Ngày sinh</label>
                                    <input type="text"
                                           class="form-control form-control-line" data-toggle="datepicker-simple"
                                           value="{{$form_init->birthday}}"
                                           name="birthday">
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Giới tính</label>
                                    <select class="form-control form-control-line"
                                            name="gender">
                                        <option value="" {{empty($form_init->gender)?'selected="selected"':''}}>Chọn
                                        </option>
                                        <option value="1" {{$form_init->gender==1?'selected="selected"':''}}>Nam
                                        </option>
                                        <option value="2" {{$form_init->gender==2?'selected="selected"':''}}>Nữ
                                        </option>
                                        <option value="3" {{$form_init->gender==3?'selected="selected"':''}}>Khác
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Địa chỉ</label>
                                    <input type="text" max="255"
                                           class="form-control form-control-line"
                                           value="{{$form_init->address}}"
                                           name="address">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="title">Quyền trong hệ thống </h4>

                                <div class="form-group">
                                    @foreach($all_permissions as $k=> $v)
                                        <div class="row">
                                            <div class="col-md-2">
                                                <p class="text-danger">{{ucfirst($k)}}:</p>
                                            </div>
                                            <div class="col-md-8">
                                                @foreach($v as $k2=> $v2)

                                                    <input type="checkbox" id="basic_checkbox_{{$v2->name}}"
                                                           name="grant_permissions[]"
                                                           value="{{$v2->id}}" {{old('grant_permissions')&&in_array($v2->id,old('grant_permissions'))?"checked":''}}/>
                                                    <label for="basic_checkbox_{{$v2->name}}"
                                                           class="filled-in chk-col-red">{{$v2->title}}</label>
                                                    &nbsp; &nbsp;

                                                @endforeach
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="title">Quyền xem dự án </h4>

                                <div class="form-group">
                                    <label class="form-control-label">Tỉnh/TP</label>
                                    <select class="form-control select_province select2" multiple="multiple" name="allow_province_ids[]">
                                        <option value="">Chọn</option>
                                        @foreach($provinces as $province)
                                            <option value="{{$province->id}}">{{$province->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label class="form-control-label">Quận/Huyện</label>
                                    <select class="form-control select_district select2" multiple="multiple" name="allow_district_ids[]">
                                        <option value="">Chọn</option>
                                    </select>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Phường/Xã</label>
                                            <select class="form-control select_ward select2" multiple="multiple" name="allow_ward_ids[]">
                                                <option value="">Chọn</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Tên đường</label>
                                            <select class="form-control select_street select2" multiple="multiple" name="allow_street_ids[]">
                                                <option value="">Chọn</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-control-label">Giá thấp nhất</label>
                                            <input type="number" name="allow_price_from" class="form-control"
                                                   value="{{old('allow_price_from')}}"
                                                   placeholder="">
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="form-control-label">Giá cao nhất</label>
                                            <input type="number" name="allow_price_to" class="form-control"
                                                   value="{{old('allow_price_to')}}"
                                                   placeholder="">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6 text-center">
                                <div class="form-group">
                                    <button class="btn btn-info" type="submit">Thêm nhân viên</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $('.select_province').change(function () {
            $('.select_district').html('<option value="">Chọn</option>');
            $('.select_ward').html('<option value="">Chọn</option>');
            $('.select_street').html('<option value="">Chọn</option>');

            var province_id = $(this).val();

            if (province_id == null || province_id == '')
                return;

            $.ajax({
                type: 'GET',
                url: LOCATION_DISTRICT_URL,
                data: {province_id: province_id},
                dataType: 'json',
                success: function (data) {
                    $.each(data.data, function (index, element) {
                        $('.select_district').append('<option value=' + element.id + '>' + element.name + '</option>');
                    });
                }
            });
        })

        $('.select_district').change(function () {
            $('.select_ward').html('<option value="">Chọn</option>');
            $('.select_street').html('<option value="">Chọn</option>');

            var district_id = $(this).val();
            if (district_id == null || district_id == '')
                return;


            $.ajax({
                type: 'GET',
                url: LOCATION_WARD_URL,
                data: {district_id: district_id},
                dataType: 'json',
                success: function (data) {
                    $.each(data.data, function (index, element) {
                        $('.select_ward').append('<option value=' + element.id + '>' + element.name + '</option>');
                    });
                }
            });

            $('.select_street').html('<option value="">Chọn</option>');
            $.ajax({
                type: 'GET',
                url: LOCATION_STREET_URL,
                data: {district_id: district_id},
                dataType: 'json',
                success: function (data) {
                    $.each(data.data, function (index, element) {
                        $('.select_street').append('<option value=' + element.id + '>' + element.name + '</option>');
                    });
                }
            });

        });
    </script>
@stop