@section('title', 'Employee Break Report')
<div>
    <div class="card mt-2 mb-2">
        <div class="card-body">
            <h5 class="card-title">Employee Break Report</h5>
            <div class="row">
                <div class="col-12 col-md-4 mb-3">
                    <label for="employeeId" class="form-label">Filter by Employee</label>
                    <select id="employeeId" wire:model.live="employeeId" class="form-control">
                        <option value="">All Employees</option>
                        @foreach ($employees as $employee)
                            <option value="{{ $employee->staff->id??'' }}">{{ $employee->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-12 col-md-4 mb-3">
                    <label for="dateFilter" class="form-label">Filter by Date</label>
                    <input type="date" id="dateFilter" wire:model.live="dateFilter" class="form-control">
                </div>

                <div class="col-12 col-md-4 mb-3">
                    <label for="monthFilter" class="form-label">Filter by Month</label>
                    <input type="month" id="monthFilter" wire:model.live="monthFilter" class="form-control">
                </div>

            </div>


            <h6>Daily Report ({{ $dateFilter }})</h6>
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>Employee</th>
                    <th>Break Start</th>
                    <th>Break End</th>
                    <th>Duration (Minutes)</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($dailyBreaks as $break)
                    <tr>
                        <td>{{ $break->employee->user->name??'-' }}</td>
                        <td>{{ $break->break_start }}</td>
                        <td>{{ $break->break_end ?? 'Ongoing' }}</td>
                        <td>{{ convertMinutesToPeriods($break->duration) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center">No breaks found.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>

            <h6>Monthly Report ({{ $monthFilter }})</h6>
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>Employee</th>
                    <th>Total Breaks</th>
                    <th>Total Duration (Minutes)</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($monthlyBreaks->groupBy('staff_id') as $employeeId => $breaks)
                    <tr>
                        <td>{{ $breaks->first()->employee->user->name??'-' }}</td>
                        <td>{{ $breaks->count() }}</td>
                        <td>{{ convertMinutesToPeriods($breaks->sum('duration')) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>