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

<div class="main-card mb-3 card">
    <div class="card-body">
        <form id="addSubmit" action="{{ route('period_wise_attendances.store') }}" method="POST">
            @csrf
        <div class="mb-3">
            <label for="user_id" class="form-label">User</label>
            <select name="user_id" class="form-control" id="user_id">
                <option value="">Select User</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}">{{ $user->username }}</option>
                @endforeach
            </select>
        </div>
        <div class="mb-3">
            <label for="attendance_date" class="form-label">Attendance Date</label>
            <input type="date" name="attendance_date" class="form-control" id="attendance_date">
        </div>
        <div class="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 }}">{{ $type->attendance_type }}</option>
                @endforeach
            </select>
        </div>
        <div class="mb-3">
            <label for="routine_period_id" class="form-label">Routine Period</label>
            <select name="routine_period_id" class="form-control" id="routine_period_id">
                @foreach( $routinePeriods as $period)
                    <option value="{{ $period->id }}">{{ $period->id}}</option>
                @endforeach
            </select>
        </div>
        <div class="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>
        <br>
     <!-- Submit Button -->
        <button class="mt-1 btn btn-primary">{{ __('common.submit') }}</button>
    </form>
    </div>
</div>