@extends('layouts.app')
@section('title', 'Suppliers')
@section('heading', 'Suppliers and auctions')
@section('content')
<div class="overflow-x-auto rounded-lg border border-line bg-panel">
    <table class="min-w-full text-left text-sm">
        <caption class="sr-only">Suppliers</caption>
        <thead class="border-b border-line bg-ground text-xs text-muted"><tr><th scope="col" class="px-3 py-2 font-medium">Name</th><th scope="col" class="px-3 py-2 font-medium">Type</th><th scope="col" class="px-3 py-2 font-medium">Country</th><th scope="col" class="px-3 py-2 font-medium">Contact</th><th scope="col" class="px-3 py-2 text-right font-medium">Vehicles</th><th scope="col" class="px-3 py-2 text-right font-medium">Shipments</th><th scope="col" class="px-3 py-2"><span class="sr-only">Actions</span></th></tr></thead>
        <tbody class="divide-y divide-line">
        @forelse ($suppliers as $s)
            <tr><td class="px-3 py-2 font-medium">{{ $s->name }}</td><td class="px-3 py-2">{{ config('inventory.supplier_types')[$s->type] ?? $s->type }}</td>
                <td class="px-3 py-2">{{ config('inventory.countries')[$s->country_code] ?? ($s->country_code ?: 'Not set') }}</td>
                <td class="px-3 py-2">{{ $s->contact_name }}<span class="block text-xs text-muted">{{ $s->email }} {{ $s->phone }}</span></td>
                <td class="px-3 py-2 text-right">{{ $s->vehicles_count }}</td><td class="px-3 py-2 text-right">{{ $s->shipments_count }}</td>
                <td class="px-3 py-2 text-right">@can('shipments.manage')<form method="POST" action="{{ route('suppliers.destroy', $s) }}" onsubmit="return confirm('Remove {{ $s->name }}?')">@csrf @method('DELETE')<button class="text-xs text-stop underline">Remove</button></form>@endcan</td></tr>
        @empty
            <tr><td colspan="7" class="px-3 py-8 text-center text-muted">No suppliers yet.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $suppliers->links() }}</div>

@can('shipments.manage')
<form method="POST" action="{{ route('suppliers.store') }}" class="mt-6 grid gap-3 rounded-lg border border-line bg-panel p-4 sm:grid-cols-4">
    @csrf
    <h2 class="text-sm font-semibold sm:col-span-4">Add a supplier</h2>
    <div class="sm:col-span-2"><label for="s_name" class="mb-1 block text-xs font-medium">Name</label><input id="s_name" name="name" required maxlength="120" class="field"></div>
    <div><label for="s_type" class="mb-1 block text-xs font-medium">Type</label><select id="s_type" name="type" class="field">@foreach (config('inventory.supplier_types') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
    <div><label for="s_country" class="mb-1 block text-xs font-medium">Country</label><select id="s_country" name="country_code" class="field"><option value="">Not set</option>@foreach (config('inventory.countries') as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
    <div><label for="s_contact" class="mb-1 block text-xs font-medium">Contact person</label><input id="s_contact" name="contact_name" class="field"></div>
    <div><label for="s_email" class="mb-1 block text-xs font-medium">Email</label><input id="s_email" name="email" type="email" class="field"></div>
    <div><label for="s_phone" class="mb-1 block text-xs font-medium">Phone</label><input id="s_phone" name="phone" class="field"></div>
    <div><label for="s_cur" class="mb-1 block text-xs font-medium">Invoice currency</label><select id="s_cur" name="currency_code" class="field"><option value="">Not set</option>@foreach ($currencies as $c)<option>{{ $c->code }}</option>@endforeach</select></div>
    <div class="sm:col-span-4"><button class="btn-primary">Add supplier</button></div>
</form>
@endcan
@endsection