@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row tablerow">
                <div class="col-md-12">
                    @php
                        $page_name = 'Hr >Employee Attandance';
                        $page_number = 1;
                    @endphp
                    @include('layouts.table_top')
                </div>
                <div class="col-md-12">
                    <div class="left-card">
                        <form action="{{ route('employee_attandance.update', $item->id) }}" method="post" id="ajax_form_data">
                            @csrf
                            <div class="table-responsive" style="padding: 0px;">
                                <table class="table table-bordered" style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th width="1%" class="text-center">SL</th>
                                            <th class="text-center">Fingerprint/Emp No .</th>
                                            <th class="text-center">Employee Name & ID</th>
                                            <th class="text-center" colspan="4">Attendance</th>
                                            <th class="text-center">In Time</th>
                                            <th class="text-center">Out Time</th>
                                            <th class="text-center">Note</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <input type="hidden" name="employee_id" value="{{ $item->employee_id }}">
                                        <tr>
                                            <td>1</td>
                                            <td>{{ $item->employee ? $item->employee->employee_id : '' }}</td>
                                            <td>{{ $item->employee ? $item->employee->name : '' }}
                                                {{ $item->employee ? $item->employee->employee_id : '' }}</td>
                                            <td>
                                                <div class="form-check-inline">
                                                    <input class="form-check" type="radio"
                                                        id="attendencetype{{ $item->employee_id }}-0" value="present"
                                                        name="attandance_type"
                                                        {{ $item->attandance_type == 'present' ? 'checked' : '' }}>

                                                    <label for="attendencetype{{ $item->employee_id }}-0">
                                                        Present </label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-check-inline">
                                                    <input type="radio" class="form-check"
                                                        id="attendencetype{{ $item->employee_id }}-1" value="late"
                                                        name="attandance_type"
                                                        {{ $item->attandance_type == 'late' ? 'checked' : '' }}>

                                                    <label for="attendencetype{{ $item->employee_id }}-1">
                                                        Late </label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-check-inline">
                                                    <input type="radio" class="form-check"
                                                        id="attendencetype{{ $item->employee_id }}-2" value="absent"
                                                        name="attandance_type"
                                                        {{ $item->attandance_type == 'absent' ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                        for="attendencetype{{ $item->employee_id }}-2">
                                                        Absent
                                                    </label>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="form-check-inline">
                                                    <input type="radio" class="form-check"
                                                        id="attendencetype{{ $item->employee_id }}-3" value="holiday"
                                                        name="attandance_type"
                                                        {{ $item->attandance_type == 'holiday' ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                        for="attendencetype{{ $item->employee_id }}-3">
                                                        Holiday
                                                    </label>
                                                </div>
                                            </td>
                                            <td>
                                                <input type="time" name="in_time" class="form-control time"
                                                value="{{ $item->in_time }}" required>
                                            </td>
                                            <td>
                                                <input type="time" name="out_time" class="form-control time"
                                                value="{{ $item->out_time }}" required>
                                            </td>
                                            <td class="text-end">
                                                <input type="text" class="form-control" name="note"
                                                    value="{{ $item->note }}">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-12 d-flex justify-content-end">
                                <button type="submit" class="btn primary-button mt-3 mr-2">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function() {
            $("#save_as_holiday").click(function(e) {
                e.preventDefault();
                $(".holiday").prop("checked", true);
            });
        });
        $(document).ready(function() {
            $("#filter").click(function(e) {
                e.preventDefault();
            });
        });
    </script>
@endpush