@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
<div class="content container-fluid">
@can('biometric-view-all')
<form method="POST" action="{{ route('biometric.manual.sync') }}" class="row g-2 mt-3">
    @csrf

    <div class="col-md-2">
        <label class="form-label">From Date</label>
        <input type="date" name="from" class="form-control" required>
    </div>

    <div class="col-md-2">
        <label class="form-label">To Date</label>
        <input type="date" name="to" class="form-control" required>
    </div>

    <div class="col-md-2 align-self-end">
        <button class="btn btn-warning w-100">
            🔁 Fetch Attendance (Manual)
        </button>
    </div>
</form>
@endcan
<div class="card">

<div class="card-header d-flex justify-content-between">
<h5>📊 Daily Attendance Summary</h5>

@can('biometric-view-all')
<span class="badge bg-primary">Admin View</span>
<a href="{{ route('biometric.export', request()->query()) }}"
   class="badge bg-danger btn">
⬇ Download Excel
</a>
@else
<span class="badge bg-secondary">My Attendance</span>
<a href="{{ route('biometric.export', request()->query()) }}"
   class="badge bg-danger btn">
⬇ Download Excel
</a>
@endcan

</div>

<div class="card-body">

{{-- 🔍 FILTERS (ADMIN ONLY) --}}
@if(Gate::allows('biometric-view-all') || Gate::allows('biometric-view-own'))
<form method="GET" class="row g-2 mb-4">
@can('biometric-view-all')
<input class="form-control col" name="employee" placeholder="Employee Code" value="{{ request('employee') }}">

{{-- ✅ LOCATION FILTER --}}
<select name="location" class="form-select col">
<option value="">All Locations</option>
@foreach($locations as $location)
    <option value="{{ $location->id }}" {{ (string) request('location') === (string) $location->id ? 'selected' : '' }}>
        {{ $location->name }}
    </option>
@endforeach
</select>

<select name="department" class="form-select col">
<option value="">All Departments</option>
@foreach($departments as $department)
    <option value="{{ $department->id }}" {{ (string) request('department') === (string) $department->id ? 'selected' : '' }}>
        {{ $department->name }}
    </option>
@endforeach
</select>

<select name="designation" class="form-select col">
<option value="">All Designations</option>
@foreach($designations as $designation)
    <option value="{{ $designation->id }}" {{ (string) request('designation') === (string) $designation->id ? 'selected' : '' }}>
        {{ $designation->name }}
    </option>
@endforeach
</select>

@endcan
<select name="status" class="form-select col">
<option value="">All</option>
<option value="complete" {{ request('status')=='complete'?'selected':'' }}>Complete</option>
<option value="missing" {{ request('status')=='missing'?'selected':'' }}>Missing OUT</option>
<option value="late_in" {{ request('status')=='late_in'?'selected':'' }}>Late Ins</option>
<option value="less_working" {{ request('status')=='less_working'?'selected':'' }}>Less Working Hour</option>
</select>

<input type="date" name="from" class="form-control col" value="{{ request('from') }}">
<input type="date" name="to" class="form-control col" value="{{ request('to') }}">



<button class="btn btn-primary col">Filter</button>

</form>
@endif

{{-- 📋 TABLE --}}
<div class="table-responsive">
<table class="table table-hover">

<thead class="table-light">
<tr>
<th>Employee</th> 
<th>Date</th>
<th>First IN</th>
<th>Last OUT</th>
<th>Working Hours</th>
<th>Location </th>
<th>Status</th>
</tr>
</thead>

<tbody>
@forelse($attendance as $row)

<tr class="{{ $row['missing'] ? 'table-danger' : '' }}">

<td>
<strong>{{ $row['employee_code'] }}</strong><br>
<small>{{ $row['employee_name'] }}</small>
</td>

<td>{{ \Carbon\Carbon::parse($row['date'])->format('d M Y') }}</td>

<td class="text-success">
{{ optional($row['first_in'])->format('h:i A') ?? '—' }}
</td>

<td class="text-danger">
{{ optional($row['last_out'])->format('h:i A') ?? '—' }}
</td>

<td>
{{ gmdate('H:i', $row['minutes']*60) }}
</td>

<td>
    {{ $row['location_name'] ?? '—' }}
</td>

<td>
@if($row['missing'])
<span class="badge bg-danger">Missing OUT</span>
@elseif(!empty($row['less_working']))
<span class="badge bg-warning text-dark">
Less Working Hour
@if(!empty($row['required_minutes']))
({{ gmdate('H:i', $row['required_minutes'] * 60) }})
@endif
</span>
@else
<span class="badge bg-success">Complete</span>
@endif

@if(!empty($row['late_in']))
<span class="badge bg-warning text-dark ms-1">Late In</span>
@endif

@if(!empty($row['late_policy_enabled']) && !empty($row['auto_attendance_blocked']))
<span class="badge bg-danger ms-1">Auto attendance off (late limit)</span>
@endif

@if(!empty($row['late_policy_enabled']) && empty($row['auto_attendance_blocked']) && !empty($row['late_limit_reached']))
<span class="badge bg-info text-dark ms-1">
Late {{ $row['late_limit'] }} crossed, auto attendance stops only if late again
</span>
@endif

@if(!empty($row['overtime']))
<span class="badge bg-info text-dark ms-1">Overtime</span>
@endif
</td>

</tr>

@empty
<tr>
<td colspan="6" class="text-center text-muted py-4">
No attendance data
</td>
</tr>
@endforelse
</tbody>

</table>
<div class="mt-3 d-flex justify-content-end">
    {{ $attendance->links('pagination::bootstrap-5') }}
</div>
</div>

</div>
</div>
</div>
</div>
@endsection