@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-12 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ $data['listUrl'] }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        {{ $data['listLabel'] }}
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">{{ $data['pageTitle'] }}</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">

                                {!! Form::open(['url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}
                              
                                <div class="table-responsive">
                                    <table class="table table-striped table-bordered">
                                        <tr>
                                            <th>Department</th>
                                            <th>Designation</th>
                                            <th>Employee (Optional)</th>
                                        </tr>
                                        <tbody>
                                            @foreach($data['departments'] as $key => $department)
                                                <tr>
                                                    <td style='text-align: center;'>
                                                        {{ $department->name }}
                                                        <input type='hidden' value='{{ $department->id }}' name='departments[]' class='department' />
                                                    </td>
                                                    <td>
                                                        {!! Form::select('designations[]', $data['designations'], $data['departmentWiseHeadConfig'][$key]->designation_id, 
                                                        ['class' => 'form-control select2 designation']) !!}
                                                    </td>
                                                    <td>
                                                        @php 
                                                            $employees = $data['employees']->where('branch_id_fk', $data['departmentWiseHeadConfig'][$key]->branch_id)
                                                                            ->where('department', $department->id)
                                                                            ->where('position_id_fk', $data['departmentWiseHeadConfig'][$key]->designation_id);
                                                        @endphp
                                                        <select class='form-control select2 employee' name='employees[]'>
                                                            <option value=''>Select Employee</option>
                                                            @foreach($employees as $employee)
                                                                <option value='{{ $employee->id }}' 
                                                                    {{ ($data['departmentWiseHeadConfig'][$key]->employee_id == $employee->id) ? 'selected' : '' }}>
                                                                    {{ $employee->emp_id }} - {{ $employee->employee_name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                </br>

                                <div class="form-group">
                                    <div class="col-sm-7 col-sm-offset-5">
                                        {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ $data['listUrl'] }}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>

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

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>

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

        $(document).on("change", ".designation", function() {
            var $this = $(this);

            designation_id = $this.closest("tr").find(".designation").select2("val");
            department_id = $this.closest("tr").find(".department").val();
            branch_id = 1;

            $this.closest("tr").find(".employee").select2("val", "");
            $this.closest("tr").find(".employee option").remove();
            $this.closest("tr").find("select.employee").append("<option value=''>Select Employee</option>");

            if(designation_id && department_id && branch_id) {
                $.ajax({
                    type: 'GET',
                    url: "{{ route('configureDepartmentWiseHeadGetEmployees') }}",
                    data: {
                        department_id: department_id,
                        designation_id: designation_id,
                        branch_id: branch_id
                    },
                    dataType: 'json',
                    success: function(__response) {
                        if(__response) {
                            $.each(__response, function(index, value) {
                                $this.closest("tr").find("select.employee")
                                    .append("<option value='" + value.id + "'>" + value.emp_id + ' - ' + value.employee_name + "</option>");
                            });
                        }
                    },
                    error: function(error) {
                        toastr.error('Something went wrong!');
                        $("#submit").prop('disabled', false);
                    }
                });
            }

        });

        $('form').submit(function(event) {
            event.preventDefault();
            $("#submit").prop('disabled', true);
            $('form').serialize();
            
            $.ajax({
                type: 'post',
                url: "{{ route('configureDepartmentWiseHeadUpdate') }}",
                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() {  window.location = __response.url; }, 500);
                    }
                },
                error: function(error) {
                    toastr.error('Something went wrong!');
                    $("#submit").prop('disabled', false);
                }
            });
        });
    });
</script>