@extends('layouts.app')
@section('title', 'Checklists')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>✅ Checklists</h4>
    <a href="{{ route('temperature-logs.index') }}" class="btn btn-outline-dark btn-sm">🌡️ Temperature Logs</a>
</div>

@forelse ($templates as $template)
<div class="card p-3 mb-3">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <h6 class="mb-0">{{ $template->name }} <span class="badge bg-secondary">{{ ucfirst($template->shift_type) }}</span></h6>
        @if ($todaysSubmissions->contains($template->id))
        <span class="badge bg-success">Done today</span>
        @endif
    </div>
    <form method="POST" action="{{ route('checklists.store', $template) }}">
        @csrf
        @foreach ($template->items as $item)
        <div class="form-check">
            <input type="checkbox" name="checked[]" value="{{ $item->id }}" class="form-check-input" id="item{{ $item->id }}">
            <label class="form-check-label" for="item{{ $item->id }}">{{ $item->description }}</label>
        </div>
        @endforeach
        <textarea name="notes" class="form-control mt-2" placeholder="Notes (optional)"></textarea>
        <button class="btn btn-dark btn-sm mt-2">Submit Checklist</button>
    </form>
</div>
@empty
<p class="text-muted">No checklists set up yet.</p>
@endforelse
@endsection