@extends('layouts.app')
@section('title', 'Checklist History')
@section('content')
<h4 class="mb-3">Checklist Submission History</h4>
<form class="row g-2 mb-3">
    <div class="col-auto"><input type="date" name="from" value="{{ request('from') }}" class="form-control form-control-sm"></div>
    <div class="col-auto"><input type="date" name="to" value="{{ request('to') }}" class="form-control form-control-sm"></div>
    <div class="col-auto"><button class="btn btn-dark btn-sm">Filter</button></div>
</form>
@foreach ($submissions as $s)
<div class="card p-3 mb-2">
    <div class="d-flex justify-content-between">
        <strong>{{ $s->template->name }}</strong>
        <span class="text-muted small">{{ $s->submission_date->format('d M Y') }} — {{ $s->user->name }}</span>
    </div>
    <div class="small">
        @foreach ($s->items as $item)
        <div>{{ $item->is_checked ? '✅' : '❌' }} {{ $item->templateItem->description }}</div>
        @endforeach
    </div>
    @if ($s->notes)<p class="small text-muted mt-1 mb-0">Notes: {{ $s->notes }}</p>@endif
</div>
@endforeach
{{ $submissions->links() }}
@endsection