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

<div class="main-card mb-3 card">
    <div class="card-body">
        <form id="addSubmit" action="{{ route('user_attendances.store') }}" method="POST">
            @csrf

        <!-- User Selection and Attendance Date -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="user_id">User</label>
                <select class="form-select" name="user_id" id="user_id">
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ $user->id == $userId ? 'selected' : '' }}>
                            {{ $user->username }}
                        </option>
                    @endforeach
                </select>
            </div>

            {{-- <div class="form-group">
                <label for="user_id">Select User</label>
                <select class="form-select" name="user_id" id="user_id">
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ $user->id == $userId ? 'selected' : '' }}>
                            {{ $user->username }}
                        </option>
                    @endforeach
                </select>
            </div> --}}
            <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="{{ \Carbon\Carbon::now()->format('Y-m-d') }}">
            </div>
        </div>

        <!-- Attendance Type and In Time -->
        <div class="row">
            <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" required>
                    <option value=" ">Select Type</option>
                    @foreach($attendanceTypes as $type)
                        <option value="{{ $type->id }}">{{ $type->attendance_type}}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-6 mb-3">
                <label for="intime" class="form-label">In Time</label>
                <input type="time" name="intime" class="form-control" id="intime">
            </div>
        </div>

        <!-- Out Time and Attendance Status -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="outime" class="form-label">Out Time</label>
                <input type="time" name="outime" class="form-control" id="outime">
            </div>

            <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">Pending</option>
                    <option value="2">Approved</option>
                    <option value="3">Cancelled</option>
                </select>
            </div>
        </div>

        <!-- Created Note -->
        <div class="row">
            <div class="col-md-12 mb-3">
                <label for="created_note" class="form-label">Created Note</label>
                <textarea name="created_note" class="form-control" id="created_note"></textarea>
            </div>
        </div>

        <!-- Submit Button -->
        <button class="mt-1 btn btn-primary">{{ __('common.submit') }}</button>
    </form>
    </div>
</div>
<!-- Include this script in your Blade view or in a separate JS file -->