@extends('admin.layouts.master')
@section('title', 'VRM Tracker | Vogue Technics')

@section('styles')
    <style>
        .tracker-search-card {
            margin: 0 auto 1.5rem;
        }

        .tracker-table td,
        .tracker-table th {
            font-size: 0.92rem;
            vertical-align: middle;
        }

        .tracker-vrm-plate {
            display: inline-flex;
            align-items: center;
            min-width: 96px;
            justify-content: center;
            border: 2px solid #111827;
            border-radius: 4px;
            background: #ffd83d;
            color: #111827;
            font-weight: 800;
            letter-spacing: 0.04em;
            padding: 0.32rem 0.65rem;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
        }
    </style>
@endsection

@section('content')
    <section>
        <div class="card tracker-search-card">
            <div class="card-header">
                <h4 class="card-title mb-1">VRM Tracker</h4>
                {{-- <p class="text-muted mb-0">Search a registration to see every quote or standalone invoice against it.</p> --}}
            </div>
            <div class="card-body">
                <form method="GET" action="{{ route('quotes.vrm-tracker') }}" class="row g-3 align-items-end">
                    <div class="col-12 col-lg-9">
                        <label for="vrm" class="form-label">VRM Number</label>
                        <input type="text" name="vrm" id="vrm" class="form-control text-uppercase" placeholder="Enter VRM number"
                            value="{{ $searchedVrm }}" required>
                    </div>
                    <div class="col-12 col-lg-3 d-grid">
                        <button type="submit" class="btn btn-primary">
                            <i class="icon-base ti tabler-search me-1"></i>
                            Track Inquiry
                        </button>
                    </div>
                </form>
            </div>
        </div>

        @if ($searchedVrm !== '')
            @if (($trackerItems ?? collect())->isNotEmpty())
                <div class="card">
                    <div class="card-header d-flex flex-column flex-md-row justify-content-between gap-2">
                        <div>
                            <h5 class="card-title mb-1">Search Results | <strong>{{ strtoupper($searchedVrm) }}</strong></h5>
                            {{-- <p class="text-muted mb-0">Latest entries are shown first for <strong>{{ strtoupper($searchedVrm) }}</strong>.</p> --}}
                        </div>
                        <span class="badge bg-label-primary align-self-md-center">{{ $trackerItems->count() }} Found</span>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered tracker-table">
                                <thead>
                                    <tr>
                                        <th>Sr #</th>
                                        {{-- <th>Date</th> --}}
                                        <th>Quote Number</th>
                                        <th>VRM</th>
                                        <th>Customer</th>
                                        <th>Current State</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($trackerItems as $trackerItem)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            {{-- <td>{{ $trackerItem['date'] }}</td> --}}
                                            <td>{{ $trackerItem['reference_number'] }}</td>
                                            <td>
                                                {{-- <span class="tracker-vrm-plate">{{ $trackerItem['display_vrm'] }}</span> --}}
                                                {{ $trackerItem['display_vrm'] }}
                                            </td>
                                            <td>{{ $trackerItem['customer_name'] }}</td>
                                            <td>
                                                <span class="badge bg-label-primary">{{ $trackerItem['current_state'] }}</span>
                                            </td>
                                            <td>
                                                @if (!empty($trackerItem['edit_url']))
                                                    <a href="{{ $trackerItem['edit_url'] }}" class="btn btn-text-secondary rounded-pill btn-icon" title="Edit" target="_blank">
                                                        <i class="icon-base ti tabler-edit"></i>
                                                    </a>
                                                @endif
                                                @if (!empty($trackerItem['view_url']))
                                                    <a href="{{ $trackerItem['view_url'] }}" class="btn btn-text-info rounded-pill btn-icon" title="View" target="_blank">
                                                        <i class="icon-base ti tabler-eye"></i>
                                                    </a>
                                                @endif
                                                <a href="{{ $trackerItem['listing_url'] }}" class="btn btn-text-primary rounded-pill btn-icon" title="Go To Listing" target="_blank">
                                                    <i class="icon-base ti tabler-list-details"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @else
                <div class="alert alert-warning">
                    No quote, proforma invoice, or sale invoice was found for VRM <strong>{{ $searchedVrm }}</strong>.
                </div>
            @endif
        @endif
    </section>
@endsection