@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">App Date Select</div>
                <form id="form" method="POST" action="#">
                    @csrf
                    <div class="card-body">
                        <div class='row'>
                            <div class='col-lg-2'>
                                <label>Department</label>
                                <select class='form-control select_2' name="department_id" id="departmentId">
                                    <option value="">Choose One</option>
                                    @foreach ($departments as $item)
                                        <option {{ $app_assign->department_id == $item->id ? 'selected' : '' }}
                                            value="{{ $item->id }}">{{ $item->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class='col-lg-2'>
                                <label>Designation</label>
                                <select onclick="search(this.value)" name="designation_id" class='form-control select_2'
                                    id="designationId">
                                    <option value="">Choose One</option>
                                    @foreach ($designations as $item)
                                        <option {{ $app_assign->designation_id == $item->id ? 'selected' : '' }}
                                            value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-2">
                                <label>P.A Form</label>
                                <select class="form-control select_2" id="paform_id" name="paform_id">
                                    @foreach ($pa_form as $item)
                                        <option {{ $app_assign->paform_id == $item->id ? 'selected' : '' }}
                                            value="{{ $item->id }}">{{ $item->title }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-lg-2">
                                <label>Date </label>
                                <input type="date" value="{{ $app_assign->date }}" class="form-control" name="date"
                                    id="Date" />
                                <input type="hidden" value="{{ $app_assign->id }}" class="form-control"
                                    name="app_assign_id" />
                            </div>

                            <div class='col-lg-2'>
                                <label>Status</label>
                                <select class="form-control select_2" name="status" id="status">
                                    <option {{ $app_assign->status == 1 ? 'selected' : '' }} value="1">
                                        Active
                                    </option>
                                    <option {{ $app_assign->status == 2 ? 'selected' : '' }} value="2">
                                        Inactive
                                    </option>
                                </select>
                            </div>

                            <div class='col-lg-12 text-center mt-3'>
                                <table class="display table table-bordered mt-3" id="dataResult">
                                    <thead>
                                        <tr>
                                            <th>SL <input type="checkbox" id="select-all" onchange="checkAllCheckboxes()">
                                            </th>
                                            <th>Employee</th>
                                            <th>Department</th>
                                            <th>Designation</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($designation_wise_emp as $result)
                                            <tr>
                                                <td>
                                                    <input onchange="Checked(this)" id="empId" name="emp_id[]"
                                                        value="{{ $result->id }}"
                                                        {{ in_array($result->id, $emp_app_assign ?? []) ? 'checked' : '' }}
                                                        type="checkbox" class='emp_check' />

                                                    <input type="hidden" name="emp_assign_id[]"
                                                        @if (in_array($result->id, $emp_app_assign ?? [])) value="{{ $app_assign->fetch_app_emp_assign->where('emp_id', $result->id)->first()->id ?? '' }}" @endif />
                                                </td>
                                                <td>
                                                    {{ $result->emp_name }}
                                                </td>
                                                <td>
                                                    {{ $result->fetch_department->name ?? '' }}
                                                </td>
                                                <td>
                                                    {{ $result->fetch_designation->name ?? '' }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class='d-flex justify-content-center mt-3'>
                                <button type="submit" id='btn_submit' class="btn btn-primary btn-sm">Update</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $('.select_2').select2();

        function loader(buttonId, title, status = true) {
            $("#" + buttonId).prop("disabled", status).text(title);
        }

        $("#form").on("submit", function(event) {
            event.preventDefault();

            $.ajax({
                url: "{{ route('performance.appraisal.upcoming.update') }}",
                method: "POST",
                data: new FormData(this),
                dataType: "JSON",
                contentType: false,
                cache: false,
                processData: false,
                beforeSend: function() {
                    loader('btn_submit', 'Please Wait...');
                },
                success: function(response) {
                    loader('btn_submit', 'Submit', false);
                    callSweetAlert('success', response.message, '');
                },
                error: function(error) {
                    loader('btn_submit', 'Submit', false);
                    if (error.status == 422) {
                        let object = error.responseJSON.errors;
                        let result = Object.keys(object).reduce(function(r, k) {
                            return r.concat(object[k] + '<br>');
                        }, []);

                        result = result.join("");
                        callSweetAlert('error', 'Opps!', result);
                    } else if (error.status == 421) {
                        callSweetAlert('error', 'Opps!', error.responseJSON.message);
                    } else {
                        callSweetAlert('error',
                            '<p class="text-danger">Something Went Wrong..!!!!</p>');
                    }
                },
            });
        });

        function checkAllCheckboxes() {
            if ($('#select-all').is(':checked')) {
                $('.emp_check').prop('checked', true);
                return;
            }
            $('.emp_check').prop('checked', false);
        }
    </script>
@endsection