@extends('garage.layouts.app')

@section('title', 'Warranty claims')

@push('styles')
@include('garage.claims.partials.claims-ui')
@endpush

@section('content')
<div class="container-fluid px-2 px-lg-3 py-2 py-md-3 gs-clm-module gs-claims-index">
    <div class="gs-clm-hero mb-3 d-flex flex-wrap justify-content-between align-items-center gap-3">
        <div class="d-flex align-items-start gap-3">
            <span class="gs-clm-hero-icon"><i class="bi bi-shield-check"></i></span>
            <div>
                <h1>Warranty claims</h1>
                <p class="gs-clm-hero-sub">Track warranty replacements and discount adjustments — stock moves through claim purchase and sale entries.</p>
            </div>
        </div>
        <a href="{{ route('garage.claims.create') }}" class="btn btn-primary btn-sm flex-shrink-0">
            <i class="bi bi-plus-lg me-1"></i>New claim
        </a>
    </div>

    @if(session('success'))<div class="alert alert-success py-2 small mb-3">{{ session('success') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger py-2 small mb-3">{{ session('error') }}</div>@endif

    <div class="gs-clm-filter-bar mb-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
                <label class="form-label small text-muted mb-1">Status</label>
                <select name="status" class="form-select form-select-sm" style="min-width:13rem">
                    <option value="">All statuses</option>
                    @foreach(['pending','received','sent_to_vendor','approved','replacement_received','replacement_issued','rejected','closed'] as $st)
                    <option value="{{ $st }}" @selected($status === $st)>{{ str_replace('_',' ', ucfirst($st)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-sm-6 col-md-5 col-lg-4">
                <label class="form-label small text-muted mb-1">Search</label>
                <input type="text" name="search" class="form-control form-control-sm" value="{{ $search }}" placeholder="Claim #, customer, sale…">
            </div>
            <div class="col-12 col-sm-auto d-flex gap-2">
                <button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-funnel me-1"></i>Filter</button>
                @if($status || $search)
                <a href="{{ route('garage.claims.index') }}" class="btn btn-sm btn-outline-secondary">Clear</a>
                @endif
            </div>
        </form>
    </div>

    {{-- Desktop table --}}
    <div class="gs-clm-table-wrap d-none d-md-block">
        <div class="table-responsive">
            <table class="table gs-clm-table mb-0">
                <thead>
                    <tr>
                        <th>Claim #</th>
                        <th>Date</th>
                        <th>Customer</th>
                        <th>Sale</th>
                        <th>Resolution</th>
                        <th>Status</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($claims as $c)
                    @php
                        $canEditRow = !in_array($c->status, ['rejected', 'closed'], true);
                        $canDeleteRow = $c->status !== 'closed';
                    @endphp
                    <tr>
                        <td><span class="gs-clm-code">{{ $c->claim_no }}</span></td>
                        <td class="text-muted text-nowrap">{{ $c->claim_date }}</td>
                        <td>{{ $c->customer_name ?? '—' }}</td>
                        <td class="text-muted small">{{ $c->sale_number ?? '—' }}</td>
                        <td>@include('garage.claims.partials.resolution-badge', ['resolution' => $c->resolution_type])</td>
                        <td>@include('garage.claims.partials.status-badge', ['status' => $c->status])</td>
                        <td class="text-end" data-no-auto-actions="1">
                            @include('garage.claims.partials.actions-dropdown', [
                                'claimId' => $c->id,
                                'claimNo' => $c->claim_no,
                                'canEdit' => $canEditRow,
                                'canDelete' => $canDeleteRow,
                            ])
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7">
                            <div class="gs-clm-empty">
                                <i class="bi bi-inbox"></i>
                                No warranty claims yet. Create your first claim to get started.
                            </div>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($claims->hasPages())<div class="p-2 border-top bg-light">{{ $claims->links() }}</div>@endif
    </div>

    {{-- Mobile cards --}}
    <div class="gs-clm-card-list d-md-none">
        @forelse($claims as $c)
        @php
            $canEditRow = !in_array($c->status, ['rejected', 'closed'], true);
            $canDeleteRow = $c->status !== 'closed';
        @endphp
        <div class="gs-clm-card-item">
            <div class="gs-clm-card-top">
                <span class="gs-clm-code">{{ $c->claim_no }}</span>
                <div class="d-flex flex-wrap align-items-center gap-1 justify-content-end">
                    @include('garage.claims.partials.status-badge', ['status' => $c->status])
                    @include('garage.claims.partials.actions-dropdown', [
                        'claimId' => $c->id,
                        'claimNo' => $c->claim_no,
                        'canEdit' => $canEditRow,
                        'canDelete' => $canDeleteRow,
                    ])
                </div>
            </div>
            <div class="gs-clm-card-meta">
                <span><i class="bi bi-calendar3 me-1"></i>{{ $c->claim_date }}</span>
                <span><i class="bi bi-person me-1"></i>{{ $c->customer_name ?? '—' }}</span>
                @if($c->sale_number)<span><i class="bi bi-receipt me-1"></i>{{ $c->sale_number }}</span>@endif
            </div>
            <div class="mb-0">@include('garage.claims.partials.resolution-badge', ['resolution' => $c->resolution_type])</div>
        </div>
        @empty
        <div class="gs-clm-empty gs-clm-panel">
            <i class="bi bi-inbox"></i>
            No claims yet.
        </div>
        @endforelse
        @if($claims->hasPages())<div class="mt-2">{{ $claims->links() }}</div>@endif
    </div>
</div>
@endsection