@extends('layouts.app', ['pageTitle' => 'Finance Contacts', 'pageSubtitle' => 'Canadian suppliers, customers, employees and other finance parties'])
@section('content')
<div class="card">
    <h3 class="section-title">Create Contact</h3>
    <form method="POST" action="{{ route('admin.contacts.store') }}" class="form-grid">
        @csrf
        <div class="field"><label>Type</label><select name="type"><option value="supplier">Supplier</option><option value="customer">Customer</option><option value="employee">Employee</option><option value="other">Other</option></select></div>
        <div class="field"><label>Name</label><input name="name" required></div>
        <div class="field"><label>Email</label><input type="email" name="email"></div>
        <div class="field"><label>Phone</label><input name="phone" placeholder="{{ config('finance.phone_hint') }}"></div>
        <div class="field"><label>CRA Business / GST-HST Number</label><input name="tax_number" placeholder="123456789 RT0001"></div>
        <div class="field"><label>Business Number</label><input name="business_number" placeholder="123456789"></div>
        <div class="field"><label>Province / Territory</label><select name="province"><option value="">Select province</option>@foreach($financeProvinces as $code => $name)<option value="{{ $code }}">{{ $name }}</option>@endforeach</select></div>
        <div class="field"><label>Postal Code</label><input name="postal_code" placeholder="A1A 1A1"></div>
        <div class="field" style="grid-column:1/-1"><label>Canadian Address</label><input name="address" placeholder="Street, city, province, postal code"></div>
        <div><button class="btn" type="submit">Save Contact</button></div>
    </form>
</div>
<div class="card">
    <h3 class="section-title">Contacts</h3>
    <div class="table-wrap"><table><thead><tr><th>Type</th><th>Name</th><th>Email</th><th>Phone</th><th>CRA / GST-HST No.</th><th>Province</th><th>Postal Code</th><th>Status</th></tr></thead><tbody>@foreach($contacts as $c)<tr><td><span class="badge blue">{{ $c->type }}</span></td><td>{{ $c->name }}</td><td>{{ $c->email }}</td><td>{{ $c->phone }}</td><td>{{ $c->tax_number }}</td><td>{{ $c->province }}</td><td>{{ $c->postal_code }}</td><td>{{ $c->status }}</td></tr>@endforeach</tbody></table></div>
</div>
@endsection