@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
  <div>
    <h4 class="mb-0">Holidays</h4>
    <div class="text-secondary small mt-1">Holiday calendar used by Time Conditions.</div>
  </div>
  <div class="mt-2 mt-md-0">
    <a href="{{ route('applications.holidays.create') }}" class="btn btn-primary btn-sm">+ New Holiday</a>
  </div>
</div>

@foreach (['success','info','error'] as $k)
  @if(session($k))
    <div class="alert {{ $k==='error'?'alert-danger':($k==='info'?'alert-info':'alert-success') }}">{{ session($k) }}</div>
  @endif
@endforeach

<div class="card">
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead>
          <tr>
            <th>Date</th>
            <th>Name</th>
            <th class="text-center">Calendar</th>
            <th class="text-center">Active</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($items as $h)
            <tr>
              <td>{{ \Illuminate\Support\Carbon::parse($h->date)->toDateString() }}</td>
              <td>{{ $h->name }}</td>
              <td class="text-center">{{ $h->calendar }}</td>
              <td class="text-center">
                @if($h->active)
                  <span class="badge bg-success">Active</span>
                @else
                  <span class="badge bg-secondary">Disabled</span>
                @endif
              </td>
              <td class="text-end">
                <a class="btn btn-outline-primary btn-sm" href="{{ route('applications.holidays.edit',$h->id) }}">Edit</a>
              </td>
            </tr>
          @empty
            <tr><td class="text-center text-secondary py-4" colspan="5">No holidays yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

<div class="mt-3">{{ $items->links() }}</div>
@endsection