@extends('admin')
@section('pageTitle', 'Manage Customers')
@section('content')

    <div class="admin-header">
        <h1>Manage Customers</h1>
        <div class="btn-frame">
            <a href="{{ route('admin.customers.create') }}" class="btn btn-primary">New Customer</a>
        </div>
    </div>

    <form action="{{ route('admin.customers.index') }}" method="GET">
        <div class="input-group">
            <input type="text" class="form-control" name="search" value="{{ $search }}" placeholder="Search...">
            <span class="input-group-btn">
                <button class="btn btn-primary" type="submit">Search</button>
            </span>
        </div>
    </form>
    <br>

    @if(count($customers))
        <table class="table">
            <tr>
                <th width="20">#</th>
                <th>Name</th>
                <th>Email</th>
                <th>Garage Name</th>
                <th colspan="3">Action</th>
            </tr>
            @foreach ($customers as $idx=>$customer)
                <tr>
                    <td>{{ $idx + $customers->firstItem() }}</td>
                    <td>{{ $customer->name }}</td>
                    <td><a href="mailto:{{ $customer->email }}">{{ $customer->email }}</a></td>
                    <td>
                        @if($customer->garages)
                            @foreach($customer->garages as $garage)
                                {{ $garage->name }}
                                </br>
                            @endforeach
                        @endif
                    </td>
                    <td width="50">
                        <a href="{{ route('customer.pick', $customer)  }}" class="btn btn-default btn-sm">
                            <i class="fas fa-chart-bar fa-fw"></i> Stats
                        </a>
                    </td>
                    <td width="50">
                        <a href="{{ route('admin.customers.edit', $customer)  }}" class="btn btn-default btn-sm">
                            <i class="glyphicon glyphicon-edit"></i> Edit
                        </a>
                    </td>
                    <td width="50">
                        @include('admin.utils.delete',array( 'url' => route('admin.customers.destroy', $customer)))
                    </td>

                </tr>
            @endforeach
        </table>
    @else
        <p>You have no customers, to add a new customer please click <a href="{{ route('admin.customers.create') }}">here</a>.
        </p>
    @endif

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

@endsection