@extends('layout.mainlayout')

@section('content')
<div class="page-wrapper">
<div class="content">

    <div class="page-header">
        <h3 class="page-title">Attendance Report</h3>
    </div>

    <div class="card">
    <div class="card-body">

        <form method="POST" action="{{ route('attendance.report.preview') }}">
             @csrf

            <div class="row g-3">

                {{-- DATE RANGE --}}
                <div class="col-md-3">
                    <label class="form-label fw-bold">From Date</label>
                    <input type="date" name="from_date" class="form-control" required>
                </div>

                <div class="col-md-3">
                    <label class="form-label fw-bold">To Date</label>
                    <input type="date" name="to_date" class="form-control" required>
                </div>

                {{-- EMPLOYEE TYPE --}}
                <div class="col-md-3">
                    <label class="form-label fw-bold">Employee Type</label>
                    <select name="employee_type" class="form-control">
                        <option value="">All</option>
                        <option value="domestic">Domestic</option>
                        <option value="onsite">Onsite</option>
                        <option value="international">International</option>
                    </select>
                </div>

                {{-- LOCATION (Domestic + Onsite only) --}}
                <div class="col-md-3">
                    <label class="form-label fw-bold">Location</label>
                    <select name="location_id" class="form-control select2">
                        <option value="">All Locations</option>
                        @foreach($locations as $loc)
                            <option value="{{ $loc->id }}">{{ $loc->name }}</option>
                        @endforeach
                    </select>
                </div>

                {{-- DEPARTMENT --}}
                <div class="col-md-3">
                    <label class="form-label fw-bold">Department</label>
                    <select name="department_id" class="form-control select2">
                        <option value="">All Departments</option>
                        @foreach($departments as $dept)
                            <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                        @endforeach
                    </select>
                </div>

                {{-- USER --}}
                <div class="col-md-4">
                    <label class="form-label fw-bold">Employee (Optional)</label>
                    <select name="resource_id" class="form-control select2">
                        <option value="">All Employees</option>
                        @foreach($users as $u)
                            <option value="{{ $u['id'] }}">
                                {{ $u['name'] }} ({{ $u['email'] ?? $u['employee_code'] ?? '-' }})
                            </option>
                        @endforeach
                    </select>
                </div>

            </div>

            <hr>

            <div class="text-end">
                <button class="btn btn-primary px-4">
                    Preview Report
                </button>
            </div>

        </form>

    </div>
    </div>

</div>
</div>
@endsection

@push('scripts')
<script>
    $('.select2').select2({ width: '100%' });
</script>
@endpush