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

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


        <div class="form-group">
            <label for="user_id">User:</label>
            <select name="user_id" id="user_id" class="form-control @error('user_id') is-invalid @enderror">
                <option value="">Select User</option>
                @foreach ($users as $user)
                    <option value="{{ $user->id }}">{{ $user->username}}</option>
                @endforeach
            </select>
            @error('user_id')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="leave_type_id">Leave Type:</label>
            <select name="leave_type_id" id="leave_type_id" class="form-control @error('leave_type_id') is-invalid @enderror">
                <option value="">Select Leave Type</option>
                @foreach ($leaveTypes as $leaveType)
                    <option value="{{ $leaveType->id }}">{{ $leaveType->leave_type }}</option>
                @endforeach
            </select>
            @error('leave_type_id')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>


        <div class="form-group">
            <label for="start_date">Start Date:</label>
            <input type="text" class="form-control" name="start_date" id="start_date" data-toggle="datepicker" fdprocessedid="27nr44">
            @error('start_date')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>


        {{-- <input type="text" class="form-control" name="start_date" id="start_date" data-toggle="datepicker" fdprocessedid="27nr44"> --}}

        <div class="form-group">
            <label for="end_date">End Date:</label>
            <input type="text" class="form-control" name="end_date" id="end_date" data-toggle="datepicker" fdprocessedid="27nr44">
            {{-- <input type="text" name="end_date" id="end_date" class="form-control @error('end_date') is-invalid @enderror"> --}}
            @error('end_date')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="leave_status">Leave Status:</label>
            <select name="leave_status" id="leave_status" class="form-control @error('leave_status') is-invalid @enderror">
                <option value="">Select Leave Status</option>
                <option value="1">Pending</option>
                <option value="2">Approved</option>
                <option value="3">Cancelled</option>
            </select>
            @error('leave_status')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="created_note">Created Note:</label>
            <textarea name="created_note" id="created_note" class="form-control @error('created_note') is-invalid @enderror"></textarea>
            {{-- <small class="form-text text-muted">This field is required.</small> --}}
            @error('created_note')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>



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