@extends('layouts.app')
@section('title','Attendance')
@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
  <h1 class="h4 mb-0">Attendance &mdash; {{ $month->format('F Y') }}</h1>
  <form class="d-flex gap-2"><input type="month" name="month" value="{{ $month->format('Y-m') }}" class="form-control"><button class="btn btn-outline-primary">Go</button></form>
</div>
<div class="panel mb-3"><div class="panel-b d-flex flex-wrap align-items-center justify-content-between gap-2">
  <div>Today: @if(!$today || !$today->check_in)<span class="text-muted">not checked in</span>
    @else In {{ \Carbon\Carbon::parse($today->check_in)->format('g:i A') }} @if($today->check_out) &middot; Out {{ \Carbon\Carbon::parse($today->check_out)->format('g:i A') }} @endif @endif</div>
  @if(!$today || !$today->check_out)<form method="post" action="{{ route('attendance.punch') }}">@csrf<button class="btn btn-copper">{{ (!$today || !$today->check_in) ? 'Check in now' : 'Check out now' }}</button></form>@endif
</div></div>

@if(auth()->user()->isAdmin())
<div class="row g-3 mb-3">
  <div class="col-lg-7"><div class="panel"><div class="panel-h">Monthly summary</div><div class="table-responsive"><table class="table mb-0 align-middle">
    <thead><tr><th>Employee</th><th class="text-end">Days present</th><th class="text-end">Hours</th><th class="text-end">Monthly salary</th></tr></thead>
    <tbody>@forelse($summary as $s)<tr><td>{{ $s['user']->name }}</td><td class="text-end">{{ $s['days'] }}</td><td class="text-end">{{ $s['hours'] }}</td><td class="text-end">@money($s['user']->salary)</td></tr>
    @empty<tr><td colspan="4" class="p-3 text-muted">No attendance recorded this month.</td></tr>@endforelse</tbody></table></div></div></div>
  <div class="col-lg-5"><div class="panel"><div class="panel-h">Add or correct a day</div><div class="panel-b">
    <form method="post" action="{{ route('attendance.store') }}" class="row g-2">@csrf
      <div class="col-12"><select name="user_id" class="form-select">@foreach($users as $u)<option value="{{ $u->id }}">{{ $u->name }}</option>@endforeach</select></div>
      <div class="col-12"><input type="date" name="work_date" value="{{ today()->toDateString() }}" class="form-control"></div>
      <div class="col-6"><label class="small">In</label><input type="time" name="check_in" class="form-control"></div>
      <div class="col-6"><label class="small">Out</label><input type="time" name="check_out" class="form-control"></div>
      <div class="col-12"><input name="note" class="form-control" placeholder="Note (late, sick leave...)"></div>
      <div class="col-12"><button class="btn btn-primary w-100">Save</button></div>
    </form></div></div></div>
</div>
@endif

<div class="panel table-responsive"><table class="table table-hover mb-0 align-middle">
  <thead><tr><th>Date</th><th>Employee</th><th>In</th><th>Out</th><th class="text-end">Hours</th><th>Note</th><th></th></tr></thead>
  <tbody>@forelse($records as $a)
    <tr><td>{{ $a->work_date->format('D, M j') }}</td><td>{{ $a->user->name }}</td><td>{{ $a->check_in ? \Carbon\Carbon::parse($a->check_in)->format('g:i A') : '-' }}</td>
    <td>{{ $a->check_out ? \Carbon\Carbon::parse($a->check_out)->format('g:i A') : '-' }}</td><td class="text-end">{{ $a->hours() }}</td><td>{{ $a->note }}</td>
    <td class="text-end">@if(auth()->user()->isAdmin())<form method="post" action="{{ route('attendance.destroy', $a) }}" data-confirm="Delete entry?">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg"></i></button></form>@endif</td></tr>
  @empty<tr><td colspan="7" class="p-4 text-muted">No records for this month.</td></tr>@endforelse</tbody></table></div>
@endsection