@extends('layouts.employee')
@section('content')
<div class="container-fluid">
<!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">Apply For Leave</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                <li class="breadcrumb-item active">Apply For Leave</li>
                </ol>
            </div>

            </div>
        </div>
       
        @if(($leave_count > 0) || ($absent_count > 0) || ($late_in_count > 3 ))
        <div class="col-12">
            <p class="alert alert-danger mt-3 text-center">You can only enjoy 1 leave in one month, Other wise it will be "No pay" leave.</p>
        </div>
        @endif
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                @if (session('success'))
                    <div id="mydiv" class="alert alert-success text-center">
                        {{ session('success') }}
                    </div>
                @endif

                @if (session('error'))
                    <div id="mydiv" class="alert alert-danger text-center">
                        {{ session('error') }}
                    </div>
                @endif
                <div class="card-body p-4">
                    <form id="apply_form" class="row" action="{{ route('attendance.apply-for-leave.store') }}" method="POST" >
                        @csrf
                    <div class="row">
                        <div class="col-lg-12">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Employee ID <span class="text-danger">*</span></label>
                                <input type="text" name="emp_id" class="form-control" id="emp_id" value="{{ auth()->user()->employee->emp_id ?? '' }}" readonly>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Employee Name <span class="text-danger">*</span></label>
                                <input type="text" name="name" class="form-control" id=""
                                            value="{{ auth()->user()->name ?? '' }}" readonly>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Designation <span class="text-danger">*</span></label>
                                <input type="text" name="designation" class="form-control" id=""
                                            value="{{ auth()->user()->employee->designation->name ?? '' }}" readonly>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Department <span class="text-danger">*</span></label>
                                <input type="text" name="department" class="form-control" id=""
                                            value="{{ auth()->user()->employee->department->name ?? '' }}" readonly>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Date of Leave <span class="text-danger"> * </span> </label>
                                <input type="text" name="start_leave" class="form-control @error('start_leave') is-invalid @enderror" id="start_leave"
                                    @if(request()->start_leave_application) value="{{ request()->start_leave_application }}" @else value="{{ old('start_leave') }}" @endif placeholder="DD/MM/YYYY">
                                @error('start_leave')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Until <span class="text-danger"> * </span> </label>
                                <input type="text" name="end_leave" class="form-control @error('end_leave') is-invalid @enderror" id="end_leave"
                                            value="{{ old('end_leave') }}" placeholder="DD/MM/YYYY">
                                @error('end_leave')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label"> Leave Category <span class="text-danger"> * </span> </label>
                                <select name="leave_category" class="leave_category form-control">
                                    <option value="">Select</option>
                                    <option value="full_day">Full Day</option>
                                    @if($employee->employment_type == "Permanent")
                                    <option value="half_day">Half Day</option>
                                    @endif
                                </select>
                                @error('end_leave')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="phone1">Including total working day/days <span class="text-danger"> * </span> </label>
                                <input type="text" name="total_days" class="form-control @error('total_days') is-invalid @enderror"
                                    id="total_working_days" value="{{ old('total_days') }}" placeholder=""
                                    readonly>
                                @error('total_days')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            @if($employee->employment_type == "Permanent")
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Leave Type <span class="text-danger"> * </span> </label>
                                <select id="" name="leave_type" class="form-control leave_type @error('leave_type') is-invalid @enderror">
                                    <option value="" disabled selected>Select</option>

                                    @if (isset($annual) && isset($allleave) && $allleave->annual > 0)
                                        <option value="annual"
                                            {{ old('leave_type') == 'annual' ? 'selected' : '' }}>
                                            Annual({{ $allleave->annual - $annual ?? '' }})
                                        </option>
                                    @else
                                    <option value="annual"
                                    {{ old('leave_type') == 'annual' ? 'selected' : '' }}>
                                    Annual
                                    </option>
                                    @endif
                                    @if (isset($adjastment) && isset($allleave->adjastment) && $allleave->adjastment > 0)
                                        <option value="adjastment"
                                            {{ old('leave_type') == 'adjastment' ? 'selected' : '' }}>
                                            Adjustment ({{ $allleave->adjastment - $adjastment ?? '' }})
                                        </option>
                                    @else
                                    <option value="adjastment"
                                    {{ old('leave_type') == 'adjastment' ? 'selected' : '' }}>
                                    Adjustment
                                    </option>
                                    @endif
                                    @if (isset($casual) && isset($allleave->casual) && $allleave->casual > 0)
                                        <option value="casual"
                                            {{ old('leave_type') == 'casual' ? 'selected' : '' }}>
                                            Casual ({{ $allleave->casual - $casual ?? '' }})
                                        </option>
                                        @else
                                    <option value="casual"
                                    {{ old('leave_type') == 'casual' ? 'selected' : '' }}>
                                    Casual
                                    </option>
                                    @endif
                                    @if (isset($medical) && isset($allleave->medical) && $allleave->medical > 0)
                                        <option value="medical"
                                            {{ old('leave_type') == 'medical' ? 'selected' : '' }}>
                                            Medical ({{ $allleave->medical - $medical ?? '' }})
                                        </option>
                                    @else
                                    <option value="medical"
                                    {{ old('leave_type') == 'medical' ? 'selected' : '' }}>
                                    Medical
                                    </option>
                                    @endif
                                    @if (isset($unpaid) && isset($allleave->unpaid) && $allleave->unpaid > 0)
                                        <option value="unpaid"
                                            {{ old('leave_type') == 'unpaid' ? 'selected' : '' }}>
                                            Unpaid ({{ $allleave->unpaid - $unpaid ?? '' }})
                                        </option>
                                        @else
                                        <option value="unpaid"
                                        {{ old('leave_type') == 'unpaid' ? 'selected' : '' }}>
                                        Unpaid
                                        </option>
                                    @endif
                                    @if (isset($meternity_paternity) && isset($allleave->meternity_paternity) && $allleave->meternity_paternity > 0)
                                        <option value="meternity_paternity"
                                            {{ old('leave_type') == 'meternity_paternity' ? 'selected' : '' }}>
                                            Maternity & paternity
                                            ({{ $allleave->meternity_paternity - $meternity_paternity ?? '' }})
                                        </option>
                                        @else
                                    <option value="meternity_paternity"
                                    {{ old('leave_type') == 'meternity_paternity' ? 'selected' : '' }}>
                                    Maternity/Paternity
                                    </option>
                                    @endif
                                    @if (isset($probationary) && isset($allleave->probationary) && $allleave->probationary > 0)
                                        <option value="probationary"
                                            {{ old('leave_type') == 'probationary' ? 'selected' : '' }}>
                                            Probationary ({{ $allleave->probationary - $probationary ?? '' }})
                                        </option>
                                        @else
                                    <option value="probationary"
                                    {{ old('leave_type') == 'probationary' ? 'selected' : '' }}>
                                    Probationary
                                    </option>
                                    @endif
                                    @if (isset($contractual) && isset($allleave->contractual) && $allleave->contractual > 0)
                                        <option value="contractual"
                                            {{ old('leave_type') == 'contractual' ? 'selected' : '' }}>
                                            Contractual ({{ $allleave->contractual - $contractual ?? '' }})
                                        </option>
                                        @else
                                    <option value="contractual"
                                    {{ old('leave_type') == 'contractual' ? 'selected' : '' }}>
                                    Contractual
                                    </option>
                                    @endif

                                </select>
                                @error('leave_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            @endif
                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="phone1">Next Joining Date <span class="text-danger"> * </span> </label>
                                <input type="text" name="next_joining" class="form-control @error('next_joining') is-invalid @enderror"
                                    id="next_joining_date" value="{{ old('next_joining') }}"
                                    placeholder="DD/MM/YYYY" readonly>
                                @error('next_joining')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="phone1">Reason of Leave <span class="text-danger"> * </span> </label>
                                <input type="text" name="leave_reason" class="form-control @error('leave_reason') is-invalid @enderror"
                                    id="" value="{{ old('leave_reason') }}" placeholder="">
                                @error('leave_reason')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="phone1">Address & Telephone Number During Leave <span class="text-danger"> * </span> </label>
                                <input type="text" readonly name="address_telephone" class="form-control @error('address_telephone') is-invalid @enderror"
                                id="" value="{{ auth()->user()->phone ?? '' }}" placeholder="">
                            </div>


                            <div class="col-md-6 mb-3">
                                <label class="form-label" for="phone1">Responsible Person <span class="text-danger"> * </span> </label>
                                <input readonly type="text" class="form-control" value="{{ $employee->reportingTo->name ?? '' }}">
                            </div>

                        </div>
                        </div>
                        <!-- end col -->
                        <div class="col-lg-12">
                        <div class="row">
                            <!-- end col -->
                            <div class="col-lg-12 text-end">
                            <button type="reset" class="btn btn-outline-primary w-sm me-2">Reset</button>
                            <button type="submit" class="btn btn-primary w-sm submit-btn">Submit</button>
                            </div>
                        </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('style')
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"  rel="stylesheet" type="text/css" />
@endsection
@section('script')
<script src="{{ asset('assets/admin/plugins/moment/moment.js') }}"></script>
<script src="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
<script>
        setTimeout(function() {
            $('#mydiv').fadeOut('fast');
        }, 3000);

        $(function() {
            $('input[name="start_leave"]').datetimepicker({
                format: 'YYYY-MM-DD'
            });
            $('input[name="end_leave"]').datetimepicker({
                format: 'YYYY-MM-DD'
            });
            $('input[name="next_joining"]').datetimepicker({
                format: 'YYYY-MM-DD'
            });
        });
</script>

<script>

    $(document).on('change', '#start_leave, #end_leave, .leave_category', function(e) {
        $('.leave_type').val('');
    });

    $(document).on('change', '.leave_type', function(e) {
        var start_leave = $('#start_leave').val();
        var end_leave = $('#end_leave').val();
        var leave_category = $('.leave_category').val();
        let days = $('#total_working_days').val();
        let emp_id = $('#emp_id').val();

        if(start_leave == '') {
           alert("Date of leave can not be empty");
            $('.leave_type').val('');
            return false;
        }

        if(leave_category == '') {
            alert("Leave category can not be empty");
            $('.leave_type').val('');
            return false;
        }

        if(end_leave == '') {
           alert("Until can not be empty");
            $('.leave_type').val('');
            return false;
        }

        $.ajax({
            type: "POST",
            url: '{{ route("attendance.isAbleForLeave") }}',
            data: {
                "_token": "{{ csrf_token() }}",
                "days":days,
                "emp_id":emp_id,
                "start_leave":start_leave
            },
            success: function(result) {
                if (!result.ableForLeave) {
                    alert(result.message)
                }
            }
        })
    });

    $('#start_leave').on('click', function(e) {
        $('.leave_category option:eq(0)').prop('selected', true);
        $('#total_working_days').val('');
        $('#next_joining_date').val('');
    })
    $('#end_leave').on('click', function(e) {
        $('.leave_category option:eq(0)').prop('selected', true);
        $('#total_working_days').val('');
        $('#next_joining_date').val('');
    })

    $(document).on('change', '.leave_category', function(e) {

        var date1 = $('#start_leave').val();
        var date2 = $('#end_leave').val();
        var dateDiff = diffDays(new Date(date1), new Date(date2)) + 1;
        var half_day = '';

        var date_status = new Date(date2) - new Date(date1);
        if (date_status < 0) {
            alert('End Date should be greater than start date');
        } else {
            if (date1 && date2) {
                if ($('.leave_category').val() === 'half_day' && date1 != date2) {
                    alert("Start and end date should be same.");
                    $('.leave_category option:eq(0)').prop('selected', true);
                } else if ($('.leave_category').val() === 'half_day' && date1 === date2) {
                    half_day = dateDiff / 2;
                    $('#total_working_days').val(half_day);
                    $('#next_joining_date').val(date2);

                } else if ($('.leave_category').val() === 'full_day') {
                    $('#total_working_days').val(dateDiff);
                    var joining_date = currentdate(date2);
                    $('#next_joining_date').val(joining_date);
                }

            } else {
                alert('Start and end date is empty');
            }

        }

    });

    function diffDays(date, otherDate) {
        return Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));
    }

    function currentdate(end_leave_date) {
        var date = new Date(end_leave_date);
        var tomorrow = new Date(date.getTime() + 24 * 60 * 60 * 1000);
        var t_date = JSON.stringify(tomorrow);
        t_date = t_date.replace('"', " ")
        var joining_date = t_date.split("T")[0];

        return joining_date;
    }
</script>
@endsection