@section('modal_title', __('location.edit_user_attendances'))

<div class="main-card mb-3 card">
    <div class="card-body">
        <form class="" id="editSubmit" action="{{ route('user_attendances.update', ['user_attendance' => $attendance['id']]) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="row">
                <!-- User Selection -->
                <div class="col-md-6 mb-3 form-group">
                    <label for="user_id">User</label>
                    <!-- Display the username as a readonly text input -->
                    <input type="text" name="user_username" id="user_username" class="form-control"
                           value="{{ $attendance->user->username }}" readonly>

                    <!-- Include a hidden input for the user_id to pass it during form submission -->
                    <input type="hidden" name="user_id" value="{{ $attendance->user_id }}">
                </div>


                <!-- Attendance Date -->
                <div class="col-md-6 mb-3">
                    <label for="attendance_date" class="form-label">Attendance Date</label>
                    <input type="date" name="attendance_date" class="form-control" id="attendance_date"
                        value="{{ old('attendance_date', $attendance->attendance_date ? \Carbon\Carbon::parse($attendance->attendance_date)->format('Y-m-d') : \Carbon\Carbon::now()->format('Y-m-d')) }}">
                </div>
            </div>

            <div class="row">
                <!-- Attendance Type -->
                <div class="col-md-6 mb-3">
                    <label for="attendance_type_id" class="form-label">Attendance Type</label>
                    <select name="attendance_type_id" class="form-control" id="attendance_type_id">
                        @foreach($attendanceTypes as $type)
                            <option value="{{ $type->id }}" {{ $attendance['attendance_type_id'] == $type['id'] ? 'selected' : '' }}>
                                {{ $type['attendance_type'] }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <!-- In Time -->
                <div class="col-md-6 mb-3">
                    <label for="intime" class="form-label">In Time</label>
                    <input type="time" name="intime" id="intime" class="form-control" value="{{ $attendance['intime'] ? date('H:i', strtotime($attendance->intime)) : '' }}">
                </div>
            </div>

            <div class="row">
                <!-- Out Time -->
                <div class="col-md-6 mb-3">
                    <label for="outime" class="form-label">Out Time</label>
                    <input type="time" name="outime" id="outime" class="form-control" value="{{ $attendance['outime'] ? date('H:i', strtotime($attendance->outime)) : '' }}">
                </div>

                <!-- Attendance Status -->
                <div class="col-md-6 mb-3">
                    <label for="attendance_status" class="form-label">Attendance Status</label>
                    <select name="attendance_status" class="form-control" id="attendance_status">
                        <option value="1" {{ $attendance['attendance_status'] == 1 ? 'selected' : '' }}>Pending</option>
                        <option value="2" {{ $attendance['attendance_status'] == 2 ? 'selected' : '' }}>Approved</option>
                        <option value="3" {{ $attendance['attendance_status'] == 3 ? 'selected' : '' }}>Cancelled</option>
                    </select>
                </div>
            </div>

            {{-- <div class="row">
                <!-- Updated Note -->
                <div class="col-md-12 mb-3">
                    <label for="updated_note" class="form-label">Updated Note</label>
                    <textarea name="updated_note" class="form-control" id="updated_note">{{ $attendance['updated_note'] }}</textarea>
                </div>
            </div> --}}

            <br>
            <button class="mt-1 btn btn-primary">{{ __('common.submit') }}</button>
        </form>
    </div>
</div>