@extends('employer.layouts.app')
@section('content')
    @component('employer.layouts.partials.breadcrumbs', ['breadcrumbs' => $breadcrumbs])
    @endcomponent

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Attendance Edit</h6>
                    <form method="POST" action="{{ route('employer.attendance.update',$attendance->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="control-label"> Name <span class="text-danger"></span></label>
                                    <input type="text"
                                        class="form-control @if ($errors->has('name')) is-invalid @endif"
                                        name="name" value="{{old('name', optional($attendance->user)->first_name ?? '') }}"   disabled>
                                    <div class="invalid-feedback">{{ $errors->first('name') }}</div>
                                </div>
                            </div><!-- Col -->
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="control-label"> Date <span class="text-danger"></span></label>
                                    <input type="date" id="datePicker"
                                        class="form-control @if ($errors->has('date')) is-invalid @endif"
                                        name="date" value="{{old('date', $attendance->date) }}"   >
                                    <div class="invalid-feedback">{{ $errors->first('date') }}</div>
                                </div>
                            </div><!-- Col -->
                            <div class="col-sm-4">
                                
                            </div><!-- Col -->
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="control-label"> Check-in-time <span class="text-danger"></span></label>
                                    <input type="text"
                                        class="form-control @if ($errors->has('date1')) is-invalid @endif"
                                        name="date1" value="{{old('date1', $attendance->check_in) }}">
                                        {{-- <input type="text"class="form-control @if ($errors->has('date1')) is-invalid @endif"
                                        name="date1" value="{{ old('date1', $attendance->check_in ? date('H:i:s', strtotime($attendance->check_in)) : '') }}" >     --}}
                                    <div class="invalid-feedback">{{ $errors->first('date1') }}</div>
                                </div>
                            </div><!-- Col -->
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="control-label"> Check-out-time <span class="text-danger"></span></label>
                                    <input type="text"
                                        class="form-control @if ($errors->has('date2')) is-invalid @endif"
                                        name="date2" value="{{old('date2', $attendance->check_out) }}">
                                        {{-- <input type="text"class="form-control @if ($errors->has('date1')) is-invalid @endif"
                                        name="date1" value="{{ old('date1', $attendance->check_in ? date('H:i:s', strtotime($attendance->check_in)) : '') }}" >     --}}
                                    <div class="invalid-feedback">{{ $errors->first('date2') }}</div>
                                </div>
                            </div><!-- Col -->
                            <div class="col-sm-4">
                                
                            </div><!-- Col -->
                            <div class="col-sm-4" id="extra_hours_field" style="display: none;">
                                <div class="form-group">
                                    <label class="control-label"> Extra Hours <span class="text-danger"></span></label>
                                    <input type="text" placeholder="Enter the Extra Hours"
                                        class="form-control @if ($errors->has('extra_hours')) is-invalid @endif"
                                        name="extra_hours" value="{{old('extra_hours', $attendance->extra_hours) }}">
                                    <div class="invalid-feedback">{{ $errors->first('extra_hours') }}</div>
                                </div>
                            </div>
                           
                            <!-- <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="control-label"> Check-out-date <span class="text-danger"></span></label>
                                    <input type="text"
                                        class="form-control @if ($errors->has('date2')) is-invalid @endif"
                                        name="date2" value="{{old('date2', $attendance->check_out) }}"     >
                                    <div class="invalid-feedback">{{ $errors->first('date2') }}</div>
                                </div>
                            </div> -->
                            <!-- Col --><br>
                            <div class="col-sm-4">
                                
                            </div><!-- Col -->
                            <!-- <div class="col-sm-4">
                                <div class="form-group">
                                    <label class="control-label"> Status <span class="text-danger"></span></label>
                                    <select name="status" id="">
                                        <option value="0" {{$attendance->status == 0 ? 'selected': '' }}>Halfday</option>
                                        <option value="1" {{$attendance->status == 1 ? 'selected': '' }}>Fullday</option>
                                    </select>
                                    <div class="invalid-feedback">{{ $errors->first('status') }}</div>
                                </div>
                            </div> -->
                            <!-- Col -->
                        

                    </div>
                        <br><button type="submit" class="btn btn-primary submit">Submit</button>
                    
                    </form>
                </div>
            </div>
        </div>
    </div>
   

@endsection
@push('custom_css')
    <link rel="stylesheet" href="{{ asset('admin_assets/vendors/datatables.net-bs4/dataTables.bootstrap4.css') }}">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    
@endpush
@push('custom_js')
    <script src="{{ asset('admin_assets/vendors/datatables.net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('admin_assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ asset('admin_assets/js/data-table.js') }}"></script>

    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

    {{-- <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Get user's pay period and employment start date from backend
            var payPeriod = "{{ $attendance->user->pay_period }}"; // Assuming $user is available with pay_period
            var employmentStartDate = "{{ $attendance->user->employment_start_date }}"; // Assuming $user is available with employment_start_date
        
            // Calculate start and end dates of current pay period
            var currentDate = new Date();
            var startDate = new Date(employmentStartDate);
            var endDate;
        
            switch (payPeriod) {
                case '0': // Weekly
                    startDate.setDate(startDate.getDate() + 7 * Math.floor((currentDate - startDate) / (7 * 24 * 60 * 60 * 1000)));
                    endDate = new Date(startDate);
                    endDate.setDate(endDate.getDate() + 7);
                    break;
                case '1': // Fortnightly
                    startDate.setDate(startDate.getDate() + 14 * Math.floor((currentDate - startDate) / (14 * 24 * 60 * 60 * 1000)));
                    endDate = new Date(startDate);
                    endDate.setDate(endDate.getDate() + 14);
                    break;
                case '2': // Monthly
                    startDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
                    endDate = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
                    break;
                default:
                    // Handle unsupported pay period
                    break;
            }
        
            // Initialize Flatpickr
            flatpickr('#datePicker', {
                dateFormat: 'Y-m-d',
                minDate: startDate,
                maxDate: endDate,
                disableMobile: true // Disable on mobile devices
            });
        });
        </script> --}}
        {{-- Athulya 19-04-2024 --}}
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                // Get user's pay period and employment start date from backend
                var payPeriod = "{{ $attendance->user->pay_period }}"; // Assuming $user is available with pay_period
                var employmentStartDate = "{{ $attendance->user->employment_start_date }}"; // Assuming $user is available with employment_start_date
        
                // Calculate start and end dates of current pay period
                var currentDate = new Date();
                var startDate = new Date(employmentStartDate);
                var endDate;
        
                switch (payPeriod) {
                    case '0': // Weekly
                        startDate.setDate(startDate.getDate() + 7 * Math.floor((currentDate - startDate) / (7 * 24 * 60 * 60 * 1000)));
                        endDate = new Date(startDate);
                        endDate.setDate(endDate.getDate() + 6); // Adjust end date to 6 days ahead for a total of 7 days
                        break;
                    case '1': // Fortnightly
                        startDate.setDate(startDate.getDate() + 14 * Math.floor((currentDate - startDate) / (14 * 24 * 60 * 60 * 1000)));
                        endDate = new Date(startDate);
                        endDate.setDate(endDate.getDate() + 13); // Adjust end date to 13 days ahead for a total of 14 days
                        break;
                    case '2': // Monthly
                        startDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
                        endDate = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
                        break;
                    default:
                        // Handle unsupported pay period
                        break;
                }
        
                // Adjust end date to current date if it exceeds the current date
                if (endDate > currentDate) {
                    endDate = currentDate;
                }
        
                // Initialize Flatpickr
                flatpickr('#datePicker', {
                    dateFormat: 'Y-m-d',
                    minDate: startDate,
                    maxDate: endDate,
                    disableMobile: true // Disable on mobile devices
                });
            });
        </script>

<!-- JavaScript to manage field display -->
<script>
    document.addEventListener("DOMContentLoaded", function() {
        // Check if salary type is "hourly" (1 = hourly, 0 = fixed)
        var salaryType = {{ $user->salary_type}};
        var extraHoursField = document.getElementById('extra_hours_field');

        // Verify if extraHoursField exists and display based on salaryType
        if (extraHoursField) {
            if (salaryType === 1) { // Numeric comparison for hourly
                extraHoursField.style.display = 'block';
            } else {
                extraHoursField.style.display = 'none';
            }
        }
    });
</script>


@endpush