@extends('garage.layouts.app')

@section('title', 'Slots report')

@section('content')
<div class="container-fluid px-2 px-lg-3 py-3">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
        <div>
            <h1 class="h4 mb-0">Slots report</h1>
            <div class="text-muted small">Date-wise check &amp; balance (used vs free) with vehicle filter.</div>
        </div>
        <div class="d-flex gap-2">
            <a class="btn btn-sm btn-outline-secondary" href="{{ route('garage.reports.index') }}">Back to reports</a>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('garage.reports.slots-balance') }}" class="row g-2 align-items-end">
                <div class="col-sm-6 col-md-3">
                    <label class="form-label small text-muted mb-1">From</label>
                    <input type="date" class="form-control form-control-sm" name="from" value="{{ $from }}">
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label small text-muted mb-1">To</label>
                    <input type="date" class="form-control form-control-sm" name="to" value="{{ $to }}">
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label small text-muted mb-1">Slot</label>
                    <select class="form-select form-select-sm" name="slot_id">
                        <option value="">All slots</option>
                        @foreach(($slots ?? collect()) as $s)
                            <option value="{{ (int) $s->id }}" @selected((int)$slotId === (int)$s->id)>{{ $s->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-6 col-md-3">
                    <label class="form-label small text-muted mb-1">Vehicle</label>
                    <select class="form-select form-select-sm" name="vehicle_id">
                        <option value="">All vehicles</option>
                        @foreach(($vehicles ?? collect()) as $v)
                            @php
                                $label = (string) ($v->registration_number ?? '');
                                $mk = trim((string) ($v->make ?? ''));
                                $md = trim((string) ($v->model ?? ''));
                                $yr = trim((string) ($v->year ?? ''));
                                $extra = trim($mk.' '.$md.' '.$yr);
                                if ($extra !== '') $label .= ' · '.$extra;
                            @endphp
                            <option value="{{ (int) $v->id }}" @selected((int)$vehicleId === (int)$v->id)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12 d-flex gap-2">
                    <button class="btn btn-sm btn-primary" type="submit">Filter</button>
                    <a class="btn btn-sm btn-outline-secondary" href="{{ route('garage.reports.slots-balance') }}">Reset</a>
                </div>
            </form>
        </div>
    </div>

    @if(empty($dateSummaries) || count($dateSummaries) === 0)
        <div class="alert alert-info">No slot allocations found for the selected filters.</div>
    @else
        @foreach($dateSummaries as $day)
            <div class="card mb-3">
                <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-2">
                    <div class="fw-semibold">{{ $day['date'] }}</div>
                    <div class="small">
                        <span class="badge bg-secondary">Total {{ (int) $day['total_slots'] }}</span>
                        <span class="badge bg-warning text-dark">Used {{ (int) $day['used_slots'] }}</span>
                        <span class="badge bg-success">Free {{ (int) $day['free_slots'] }}</span>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm table-striped mb-0 align-middle">
                        <thead>
                            <tr>
                                <th style="width:120px;">Slot</th>
                                <th style="width:120px;">Vehicle</th>
                                <th>Customer</th>
                                <th style="width:120px;">Source</th>
                                <th style="width:170px;">Number</th>
                                <th style="width:120px;">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach(($day['rows'] ?? []) as $r)
                            @php
                                $src = (string) ($r->source_type ?? '');
                                $num = (string) ($r->doc_number ?? '');
                                $st = (string) ($r->doc_status ?? '');
                                $slotName = (string) ($r->slot_name ?? ('Slot #'.($r->slot_id ?? '')));
                                $veh = (string) ($r->vehicle_registration ?? '—');
                                $cust = (string) ($r->customer_name ?? '—');
                                $link = null;
                                if ($src === 'repair_order') {
                                    $link = route('garage.repair-orders.show', (int) ($r->source_id ?? 0));
                                } elseif ($src === 'estimate') {
                                    $link = route('garage.estimates.show', (int) ($r->source_id ?? 0));
                                }
                            @endphp
                            <tr>
                                <td>{{ $slotName }}</td>
                                <td class="font-monospace">{{ $veh }}</td>
                                <td>{{ $cust }}</td>
                                <td>
                                    @if($src === 'repair_order')
                                        <span class="badge bg-dark">{{ $glOrder ?? 'Order' }}</span>
                                    @elseif($src === 'estimate')
                                        <span class="badge bg-primary">EST</span>
                                    @else
                                        <span class="badge bg-secondary">{{ $src ?: '—' }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if($link)
                                        <a href="{{ $link }}" class="text-decoration-none">{{ $num }}</a>
                                    @else
                                        {{ $num }}
                                    @endif
                                </td>
                                <td><span class="badge bg-light text-dark">{{ str_replace('_',' ', $st) }}</span></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endforeach
    @endif
</div>
@endsection