@extends('layouts/gnr_layout')
@section('title', '| ' . $data['title'])
@section('content')
    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-8 col-md-offset-2 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ Route('monitoringLayerObjectConfig.index', $data['layerObject']->layer->title) }}"
                        class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        {{ $data['listTitle'] }}
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">{{ $data['title'] }}</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">

                                {!! Form::open(['url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}

                                <input type='hidden' name='modelId' value='{{ $data['layerObject']->id }}' />

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Component</label>
                                    <div class="col-sm-5">
                                        {!! Form::text('title', $data['layerObject']->title, [
                                            'class' => 'form-control',
                                            'id' => 'title',
                                            'type' => 'text',
                                            'readonly' => true
                                        ]) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Code</label>
                                    <div class="col-sm-5">
                                        {!! Form::text('code', $data['layerObject']->code, [
                                            'class' => 'form-control',
                                            'id' => 'code',
                                            'type' => 'text',
                                            'readonly' => true
                                        ]) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Assigned Employee</label>
                                    <div class="col-sm-5">
                                        {!! Form::text(
                                            'assigned_emp',
                                            $data['layerObject']->employee ? $data['layerObject']->employee->employee_name : '',
                                            [
                                                'class' => 'form-control',
                                                'id' => 'assigned_emp',
                                                'type' => 'text',
                                                'readonly' => true
                                            ]) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Effect From</label>
                                    <div class="col-sm-5">
                                        {!! Form::text(
                                            'effect_from_value',
                                            $data['layerObject']->effect_from ? date('d-m-Y', strtotime($data['layerObject']->effect_from)) : '',
                                            [
                                                'class' => 'form-control',
                                                'id' => 'effect_from_value',
                                                'type' => 'text',
                                                'readonly' => true
                                            ]) !!}
                                    </div>
                                </div>

                                <hr>
                                <p><b>All Available Employees To Assign</b></p><br>

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Branch</label>
                                    <div class="col-sm-5">
                                        <select name="branchId" class='form-control' id='branchId'>
                                            <option value=''>Select</option>
                                            @foreach ($data['branches'] as $branch)
                                                <option value='{{ $branch['id'] }}'>{{ $branch['name'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Employee</label>
                                    <div class="col-sm-5">
                                        <select name="employeeId" class='form-control' id='employeeId'>
                                            <option value=''>Select</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class='col-sm-2 control-label'>Effect From</label>
                                    <div class="col-sm-5">
                                        {!! Form::text('effect_from', null, [
                                            'class' => 'form-control',
                                            'id' => 'effect_from',
                                            'type' => 'date',
                                            'readonly' => true,
                                            'style' => 'cursor: pointer;'
                                        ]) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
                                        {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ Route('monitoringLayerObjectConfig.index', $data['layerObject']->layer->title) }}"
                                            class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>

                                {!! Form::close() !!}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css" defer>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js" defer></script>

    <script type="text/javascript">
        $(document).ready(function() {

            $("#effect_from").datepicker({
                dateFormat: 'dd-mm-yy',
                autoclose: true,
                todayHighlight: true,
                endDate: new Date()
            });

            $("#branchId, #employeeId").select2();

            $('#branchId').change(function() {

                var branchId = $(this).val();
                $("#employeeId").select2("val", "");
                $("#employeeId option:gt(0)").remove();

                if (branchId) {

                    $.ajax({
                        type: 'post',
                        url: "{{ route('monitoringLayerObjectWiseEmpAssign.getBranchWiseEmployee') }}",
                        data: {
                            branchId: branchId
                        },
                        dataType: 'json',
                        success: function(__response) {

                            if (__response.status == true) {
                                $.each(__response.employees, function(index, value) {
                                    $("#employeeId").append("<option value='" + index +
                                        "'>" +
                                        value + "</option>");
                                });

                            } else {
                                alert('Something went wrong');
                            }


                        },
                        error: function(error) {
                            alert('Something went wrong');
                        }
                    });
                }

            });

            $('form').submit(function(event) {

                event.preventDefault();
                $("#submit").prop('disabled', true);

                $.ajax({
                    type: 'post',
                    url: "{{ route('monitoringLayerObjectWiseEmpAssign.layerObjectWiseAssignEmpStore') }}",
                    data: $('form').serialize(),
                    dataType: 'json',
                    success: function(__response) {

                        if (__response.status == false) {
                            toastr.error(__response.message);
                            $("#submit").prop('disabled', false);
                        }

                        if (__response.status == true) {
                            toastr.success(__response.message);
                            setTimeout(function() {
                                location.reload();
                            }, 1000);
                        }
                    },
                    error: function(error) {
                        toastr.error('Something went wrong!');
                        $("#submit").prop('disabled', false);
                    }
                });
            });

        });
    </script>

@endsection