@extends('admin.admin_dashboard')

@section('admin')
<div class="content-body default-height">
    <div class="container-fluid">

        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Attendance</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.attendance.break-requests.index') }}">Break Requests</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Create</a></li>
            </ol>
        </div>

        <div class="row">
            <div class="col-xl-12">
                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-plus me-2"></i>Create Break Request
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">

                            <form method="POST" action="{{ route('admin.attendance.break-requests.store') }}">
                                @csrf

                                <div class="row">

                                    <div class="col-xl-4 col-sm-6 mb-3">
                                        <label class="form-label">Employee <span class="text-danger">*</span></label>
                                        <select name="employee_id" class="form-control default-select h-auto wide">
                                            <option value="">Select Employee</option>
                                            @foreach($employees as $emp)
                                                <option value="{{ $emp->id }}" {{ old('employee_id')==$emp->id?'selected':'' }}>
                                                    {{ $emp->name }} ({{ $emp->e_id ?? $emp->id }})
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('employee_id') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="col-xl-4 col-sm-6 mb-3">
                                        <label class="form-label">Date <span class="text-danger">*</span></label>
                                        <input type="date" name="break_date" class="form-control" value="{{ old('break_date') }}">
                                        @error('break_date') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="col-xl-2 col-sm-6 mb-3">
                                        <label class="form-label">Break Start <span class="text-danger">*</span></label>
                                        <input type="time" name="break_start" class="form-control" value="{{ old('break_start') }}">
                                        @error('break_start') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="col-xl-2 col-sm-6 mb-3">
                                        <label class="form-label">Break End <span class="text-danger">*</span></label>
                                        <input type="time" name="break_end" class="form-control" value="{{ old('break_end') }}">
                                        @error('break_end') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="col-xl-12 mb-3">
                                        <label class="form-label">Reason</label>
                                        <textarea name="reason" class="form-control" rows="3" placeholder="Optional reason...">{{ old('reason') }}</textarea>
                                        @error('reason') <div class="text-danger">{{ $message }}</div> @enderror
                                    </div>

                                    <div class="col-xl-12">
                                        <button class="btn btn-primary me-2" type="submit">
                                            <i class="fa fa-save me-1"></i>Submit Request
                                        </button>
                                        <a class="btn btn-danger light" href="{{ route('admin.attendance.break-requests.index') }}">
                                            Cancel
                                        </a>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
@endsection