@extends('admin')
@section('pageTitle', 'Customer Stats')
@section('content')

    <div class="admin-header">
        <h1>Vehicles Created <span class="pull-right">Total: {{ $total }}</span></h1>
        <div class="btn-frame">
            <form action="{{ route('customer.vehicles', $id) }}" method="GET" id="app" class="form-inline">
                <date-range
                        style="display: inline"
                        :initial-value="{{ json_encode([
                        'date_from' => request('range.date_from'),
                        'date_to' => request('range.date_to'),
                    ]) }}"
                        :errors="{{ json_encode($errors->getMessages()) }}"
                        :old="{{ json_encode(session()->getOldInput()) }}">
                </date-range>
                <button class="btn btn-primary" type="submit">Search</button>
            </form>
        </div>
    </div>

    @if(count($vehicles))
        <table class="table">
            <tr>
                {{-- <th width="20">#</th> --}}
                <th>Reg</th>
                <th>Date/Time</th>
                <th>Garage</th>
            </tr>

            @foreach ($vehicles as $idx=>$vehicle)
                <tr>
                    {{-- <td></td> --}}
                    <td>{{ $vehicle->registration }}</td>
                    <td>{{ $vehicle->created_at->format('d/m/Y - H:i') }}</td>
                    <td>{{ $vehicle->garage->name }}</td>
                </tr>
            @endforeach

        </table>
    @else
        <p>There are no vehicles to report for this customer.</p>
    @endif

    {!! $vehicles->render() !!}

@endsection