@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">

    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Leaves</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ $orgUrl . '/home' }}">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ $orgUrl . '/leaves' }}">Leaves</a>
                    </li>
                    <li class="breadcrumb-item active">
                        Edit Leave
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <!-- Basic multiple Column Form section start -->
    {{-- @php

dd($orgUrl);
@endphp --}}

    <section id="multiple-column-form">
        <div class="row">
            <div class="col-md-8">
                <div class="card new-cardbox">
                    <div class="card-header newheader border-bottom mb-1">
                        <h4 class="card-title">Apply Leave</h4>
                    </div>
                    <div class="card-body">
                        <form class="form" role="post-data" enctype='multipart/form-data' method="POST"
                            action="{{ $orgUrl . '/leaves' }}/{{ $leave->id }}/update" redirect="{{ $orgUrl . '/leaves' }}">
                            <input type="hidden" name="organization_id" value="{{ $organization->id }}">
                            <input type="hidden" name="employee_id" id="employee_id" value="{{ $leave->employee_id }}">
                            <input type="hidden" name="_method" value="PUT">
                            <input type="hidden" name="is_short_leave" id="is-short-leave" value="{{ $leave->is_short_leave}}">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="mb-1">
                                                <label class="form-label">Leave Type <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-select" name="leave_type_id" id="leave_type_id">
                                                    <option value=" ">Please Select</option>
                                                    @foreach ($leaveTypes as $leaveType)
                                                        <option value="{{ $leaveType->id }}" data-isshort="{{$leaveType->is_short_leave}}"  @if ($leave->leave_type_id == $leaveType->id) selected @endif>
                                                            {{ ucfirst($leaveType->name) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-12 col-12">
                                            <div id="short-attendance-lists">
                                                @if($attendanceSummaries)
                                                    <table class="table table-striped" style="margin-bottom: 20px;">
        
                                                        <thead>
                                                            <th>#</th>
                                                            <th class="px-1">Date</th>
                                                            <th class="px-1">In Time</th>
                                                            <th class="px-1">End Time</th>
                                                            <th class="px-1">Working Hours</th>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($attendanceSummaries as $key => $attendanceSummary)
                                                                @php
                                                                    $duration = "";
                                                                    if($attendanceSummary->first_half_status=='HD'){
                                                                        $duration = "First Half Day";
                                                                    }
                                                                    if($attendanceSummary->second_half_status=='HD'){
                                                                        $duration = "Second Half Day";
                                                                    }
                                                                    
                                                                @endphp
                                                                <tr class="even">
                                                                    <td class="sorting_1"><input name="attendance" type="radio" data-attendance-date="{{ $attendanceSummary->attendance_date }}" data-duration="{{ $duration }}" class="short-attendance-row" @if($attendanceSummary->attendance_date == $leave->from_date ) checked @endif></td>
                                                                    <td>
                                                                        {{ $attendanceSummary->attendance_date ? App\Helpers\GeneralHelper::dateFormat($attendanceSummary->attendance_date) : '-' }}
                                                                    </td>
                                                                    <td>
                                                                        {{ $attendanceSummary->in_time }}
                                                                    </td>
                                                                    <td>
                                                                        {{ $attendanceSummary->out_time }}
                                                                    </td>
                                                                    <td>
                                                                        {{ $attendanceSummary->working_time  }}
                                                                    </td>
                                                                    
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                    
                                                    @if (count($attendanceSummaries) == 0)
                                                        <div>
                                                            <center>No record(s) found!</center>
                                                        </div>
                                                    @endif
                                                @endif    

                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 ishort-leave" @if($leave->is_short_leave == '1') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label">Leave Duration <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-select" name="leave_duration" id="leave_duration">
                                                    <option value="">Please Select</option>
                                                    @foreach ($leaveDurations as $leaveDuration)
                                                        <option value="{{ $leaveDuration }}"
                                                            data-duration="{{ $leaveDuration }}"
                                                            @if ($leave->leave_duration == $leaveDuration) selected @endif>
                                                            {{ ucfirst($leaveDuration) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 ">
                                            <div class="mb-1">
                                                <label class="form-label">No. of leaves <span
                                                        class="text-danger">*</span></label>
                                                <input type="number" readonly class="form-control"
                                                    placeholder="Total No. of Leaves" name="no_of_leaves" id="no_of_leaves"
                                                    value="{{ $leave->no_of_leaves }}">
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 ishort-leave" @if($leave->is_short_leave == '1') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label">From Date <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" name="from_date" id="from_date"
                                                    value="{{ $leave->from_date }}" class="form-control flatpickr-basic"
                                                    placeholder="YYYY-MM-DD">
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 ishort-leave @if($leave->leave_duration == App\Helpers\ConstantHelper::SINGLE) hidden @endif" id="todate" @if($leave->is_short_leave == '1') style="display:none" @endif>
                                            <div class="mb-1">
                                                <label class="form-label">To Date <span class="text-danger">*</span>
                                                </label>
                                                <input type="text" name="to_date" id="to_date"
                                                    class="form-control flatpickr-basic" value="{{ $leave->to_date }}"
                                                    placeholder="YYYY-MM-DD">
                                            </div>
                                        </div>

                                        <div class="col-lg-4 col-md-12">
                                            <div class="mb-1">
                                                <div class="custom-file">
                                                    <label for="formFile" class="form-label">Upload Document <span
                                                        class="text-danger">(Max 7 MB) </span> </label>
                                                    @if ($leave->document)
                                                        <a class="text-info" target="_blank"
                                                            href="{{ $leave->document ? $leave->document : '-' }}">View </a>
                                                    @endif
                                                    <input class="form-control" type="file" id="formFile"
                                                        name="document" title="Accept image,pdf,doc">
                                                        <span style="font-weight: bold; margin-top: 5px; font-size: 12px">eg: image,pdf,doc</span>
                                                      
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 col-12">
                                            <div class="mb-1">
                                                <label class="form-label">Reason for Leave <span
                                                        class="text-danger">*</span></label>
                                                <textarea class="form-control" placeholder="Enter reason here..." name="reason">{{ $leave->reason }}</textarea>
                                            </div>
                                        </div>
                                        @if ($leave->status == App\Helpers\ConstantHelper::PENDING || $leave->user_id == auth()->guard('web2')->id)
                                            <div class="col-12">
                                                <button type="button" data-request="ajax-submit"
                                                    data-target="[role=post-data]"
                                                    class="btn btn-primary me-1 waves-effect waves-float waves-light">Submit</button>
                                                <button type="reset" onclick="this.form.reset()"
                                                    class="btn btn-outline-secondary waves-effect">Reset</button>
                                            </div>
                                        @endif
                                    </div>

                                </div>
                            </div>

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

            <div class="col-md-4 mb-2">
                <div class="card h-100 new-cardbox">
                    <div class="card-header newheader border-bottom mb-1">
                        <h4 class="card-title">Employee Details</h4>
                    </div>
                    <div class="card-body mt-0">
                        <div class=" ">
                            <div class="row invoice-spacing">
                                <div class="col-md-3 col-4 mb-0 leavedetailhead">Name :</div>
                                <div class="col-md-9 col-8 mb-0 leavedetailtxt">
                                    {{ isset($employee) ? $employee->name :'' }}
                                    ({{ isset($employee) ? $employee->employee_code :'' }} ) 
                                </div>
                                @if (auth()->user()->hod)
                                    <div class="col-md-3 col-4 leavedetailhead">HOD :</div>
                                    <div class="col-md-9 col-8 leavedetailtxt">
                                        {{ isset($employee->hod) ? $employee->hod->name :'' }}
                                        ({{ isset($employee->hod) ? $employee->hod->employee_code :'' }})
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="card-header newheader px-0 pb-25 pt-0 border-bottom mb-1">
                            <h4 class="card-title mt-2">Leave Details</h4>
                        </div>

                        <table class="table table-bordered leavetable">
                            <tbody>
                                <tr>
                                    <th>Leave Type</th>
                                    <th class="text-primary">Opening Balance</th>
                                    <th>Carry Forword</th>
                                    <th class="text-danger">Taken</th>
                                    <th class="text-success">Total Balance</th>
                                </tr>
                                @foreach ($employeeLeaves as $employeeLeave)
                                    <tr>
                                        <td><strong>{{ isset($employeeLeave->leaveType->name) ? $employeeLeave->leaveType->name : '' }}</strong>
                                        </td>
                                        <td class="text-primary">{{ $employeeLeave->opening_leaves }}</td>
                                        <td>{{ $employeeLeave->carry_forwarded_leaves }}</td>
                                        <td class="text-danger">{{ $employeeLeave->taken_leaves }}</td>
                                        <td class="text-success">{{ $employeeLeave->balance_leaves }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>

    </form>
    <!-- Basic Floating Label Form section end -->

@endsection

@section('scripts')

    @push('footer-script')
        <!-- BEGIN: Page Vendor JS-->
        <script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
        <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
        <script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
        <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
        <script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
        <script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
        <script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
        <script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
        <!-- END: Page Vendor JS-->

        <!-- BEGIN: Page JS-->
        <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
        <script src="/app-assets/js/scripts/forms/form-validation.js"></script>
        <script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
        <!-- END: Page JS-->

        <script src="{{ asset('js/common-script.js') }}"></script>
        <script src="{{ asset('js/sweetalert.js') }}"></script>

        <script>
            $("#leave_duration").change(function() {
                var durationName = $(this).find(":selected").data("duration");

                if (durationName !== 'Multiple') {
                    $("#to_date").attr('disabled', true);
                    $("#todate").addClass('hidden');
                    if (durationName == 'Single') {
                        $("#no_of_leaves").val(1);
                    } else {
                        $("#no_of_leaves").val(.5);

                    }
                } else {
                    $("#to_date").attr('disabled', false);
                    $("#todate").removeClass('hidden');
                    $("#no_of_leaves").val('');

                }
            });

            $("#to_date").change(function() {
                var start = new Date($("#from_date").val());
                var end = new Date($("#to_date").val());

                $("#to_date").attr('max', start)

                if (end < start) {
                    $("#to_date").val('');
                    Swal.fire("Warning!", "To Date must be less than From Date.", "danger");
                }
                // end - start returns difference in milliseconds
                var diff = new Date(end - start);
                // get days
                var days = (diff / 1000 / 60 / 60 / 24) + 1;
                $("#no_of_leaves").val(days);
            });

        $("#leave_type_id").change(function() {
            
            $('#leave_duration').val('').change();
            var isshort = $(this).find(':selected').data('isshort');
            var employeeId = $("#employee_id").val();
            var leaveTypeId = $(this).val();
            $('.ishort-leave').show();
            $('#short-attendance-lists').html('');
            $("#is-short-leave").val(0);
            if(isshort){
                $("#no_of_leaves").val(1);
                $("#is_short_leave").val(1);
                $('.is-short-leave').hide();
                $_token = "{{ csrf_token() }}";
                $('.preloader').show();
                $.ajax({
                    headers: {
                        'X-CSRF-Token': $('meta[name=_token]').attr('content')
                    },
                    url: "{{ route('employee.short.attendance') }}",
                    type: 'POST',
                    cache: false,
                    data: {
                        '_token': $_token,
                        'employee_id': employeeId,
                        'leave_type_id' : leaveTypeId
                    },
                    datatype: 'html',
                    success: function(response) {
                        $('#short-attendance-lists').html(response.data);
                    },
                    complete: function(){
                            $('.preloader').hide();
                    }
                });
            }
        });

        $('body').on("change", '.short-attendance-row', function() {
            var attendanceDate = $(this).data('attendance-date');
            var duration = $(this).data('duration');
            $('#leave_duration').val(duration);
            jQuery(".flatpickr-basic").flatpickr({
                dateFormat: "Y-m-d",
                defaultDate: attendanceDate,
            });
            
        });
        </script>
    @endpush