@extends('layouts.app')

@section('style')
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"
        rel="stylesheet" type="text/css">
@endsection

@section('content')
    <div class="container profile_update">
        <div class="row">
            <div class="col-md-12">
                <div class="mb-4">
                    <ul class="nav nav-tabs" role="tablist">
                        @include('Attendance::nav_bar')
                    </ul>
                </div>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-lg-12">
                        @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 trainee_card">
                            <div class="card-body">
                                <form id="apply_form" class="row" action="{{ route('attendance.apply-for-leave.store') }}"
                                    method="POST" >
                                    @csrf
                                    <div class="form-group col-md-6">
                                        <label class="input-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="form-group col-md-6">
                                        <label class="input-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="form-group col-md-6">
                                        <label class="input-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="form-group col-md-6">
                                        <label class="input-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="form-group col-md-6">
                                        <label class="input-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="form-group col-md-6">
                                        <label class="input-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="form-group col-md-6">
                                        <label class="input-label">Leave Category <span class="text-danger">*</span></label>
                                        <select name="leave_category" class="leave_category form-control">
                                            <option selected>Select</option>
                                            <option value="full_day">Full Day</option>
                                            <option value="half_day">Half Day</option>
                                        </select>
                                        @error('end_leave')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label class="input-label">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>

                                    <div class="form-group col-md-6">
                                        <label class="input-label">Leave Type <span class="text-danger">*</span></label>
                                        <select id="" name="leave_type"
                                            class="form-control @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>
                                            @endif
                                            @if (isset($adjastment) && isset($allleave->adjastment) && $allleave->adjastment > 0)
                                                <option value="adjastment"
                                                    {{ old('leave_type') == 'adjastment' ? 'selected' : '' }}>
                                                    Adjustment ({{ $allleave->adjastment - $adjastment ?? '' }})
                                                </option>
                                            @endif
                                            @if (isset($casual) && isset($allleave->casual) && $allleave->casual > 0)
                                                <option value="casual"
                                                    {{ old('leave_type') == 'casual' ? 'selected' : '' }}>
                                                    Casual ({{ $allleave->casual - $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>
                                            @endif
                                            @if (isset($unpaid) && isset($allleave->unpaid) && $allleave->unpaid > 0)
                                                <option value="unpaid"
                                                    {{ old('leave_type') == 'unpaid' ? 'selected' : '' }}>
                                                    Unpaid ({{ $allleave->unpaid - $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>
                                            @endif
                                            @if (isset($probationary) && isset($allleave->probationary) && $allleave->probationary > 0)
                                                <option value="probationary"
                                                    {{ old('leave_type') == 'probationary' ? 'selected' : '' }}>
                                                    Probationary ({{ $allleave->probationary - $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>
                                            @endif
                                            
                                        </select>
                                        @error('leave_type')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="input-label">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="form-group col-md-6">
                                        <label class="input-label">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="form-group col-md-6">
                                        <label class="input-label">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="form-group col-md-6">
                                        <label class="input-label">Responsible Person <span
                                                class="text-danger">*</span></label>

                                        <input readonly type="text" class="form-control"
                                            value="{{ $employee->reportingTo->name ?? '' }}">
                                    </div>
                                    <div class="form-group col-md-12" style="text-align:right;">
                                        <a href="{{ route('attendance.apply-for-leave.index') }}"
                                            class="btn btn-warning bg-white border border-warning text-warning mt-5">Reset</a>
                                        <button id="leave_submit" type="submit" class="btn btn-primary border border-primary mt-5"
                                            name="button">Apply Now
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@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>     
       
    $('#leave_submit').on('click', function(e){
        let days = $('#total_working_days').val();
        let emp_id = $('#emp_id').val();
        let start_leave = $('#start_leave').val();  
                
        if(days){
            $.ajax({
                type: "POST",
                url: '{{ route("attendance.isAbleForLeave") }}',
                data: {
                    "_token": "{{ csrf_token() }}",
                    "days":days, 
                    "emp_id":emp_id,
                    "start_leave":start_leave
                    },
                success: function(result) {
                    var data = result;
                    
                    if(data['code'] == '200'){
                        alert(data['message']);
                        $('#apply_form').submit();
                    }
                    else{
                        $('#apply_form').submit();
                    }                                                                
                }                   
                
            })
        }
    });
    

    $('#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