@extends('layouts.app')
@php($editing = $vendor->exists)
@section('title', $editing ? 'Edit '.$vendor->name : 'New vendor')

@section('content')
<x-page-header :title="$editing ? 'Edit vendor' : 'New vendor'" :subtitle="$editing ? $vendor->name : 'Add a supplier, weaver, dyer or other service provider'" />

<form method="POST" action="{{ $editing ? route('vendors.update', $vendor) : route('vendors.store') }}" data-validate novalidate>
    @csrf
    @if ($editing) @method('PUT') @endif
    @include('partials.error-summary')
    <datalist id="vendor-categories">@foreach ($categories as $c)<option value="{{ $c }}">@endforeach</datalist>

    <div class="row g-3">
        <div class="col-xl-8">
            <x-form-section title="Vendor details" icon="truck" desc="Who they are and how to reach them">
                <x-field name="name" data-live label="Vendor / company name" :value="$vendor->name" required maxlength="255" autofocus />
                <x-field name="category" label="Category" :value="$vendor->category" list="vendor-categories" maxlength="100" placeholder="Pick one or type your own" />
                <x-field name="contact_person" label="Contact person" :value="$vendor->contact_person" maxlength="255" />
                <x-field name="phone" label="Phone" :value="$vendor->phone" maxlength="50" autocomplete="tel" placeholder="+86 21 5555 0100"
                         hint="Any format from any country — include the country code if you like." />
                <x-field name="email" type="email" label="Email" :value="$vendor->email" maxlength="255" />
                <x-country-select :value="$vendor->country" />
                <x-field name="city" label="City" :value="$vendor->city" maxlength="150" />
                <x-field name="tax_number" data-live label="Tax ID" :value="$vendor->tax_number" maxlength="50" placeholder="GST, VAT, EIN, TRN…"
                         :pattern="html_pattern(config('erp.validation.tax_number_regex'))" :patternMessage="config('erp.validation.tax_number_hint')" data-upper
                         hint="Any local tax number." />
            </x-form-section>

            <x-form-section title="Address & bank" icon="bank">
                <x-textarea name="address" label="Address" :value="$vendor->address" rows="3" maxlength="1000" />
                <x-textarea name="bank_details" label="Bank details" :value="$vendor->bank_details" rows="3" maxlength="1000" hint="Account name, number, IFSC — shown only to you." />
            </x-form-section>
        </div>

        <div class="col-xl-4">
            <x-form-section title="Account" icon="sliders">
                @if (amounts_visible())
                <x-field name="opening_balance" label="Opening balance" money :value="$vendor->opening_balance != 0 ? $vendor->opening_balance : null" col="7"
                         hint="What you already owed this vendor before you started using the app. Use a minus if they owed you." />
                <x-field name="opening_date" type="date" label="As of" :value="$vendor->opening_date?->format('Y-m-d')" col="5" hint="Defaults to today." />
                @endif
                <x-switch name="is_active" label="Active vendor" :checked="$vendor->is_active" hint="Inactive vendors are hidden when adding new bills." />
            </x-form-section>
            <x-form-section title="Notes" icon="journal-text">
                <x-textarea name="notes" label="Internal notes" :value="$vendor->notes" rows="4" maxlength="2000" col="12" />
            @include('partials.assign-to', ['value' => $vendor->assigned_to])
            </x-form-section>
        </div>
    </div>

    <div class="form-actions">
        <a href="{{ $editing ? route('vendors.show', $vendor) : route('vendors.index') }}" class="btn btn-ghost">Cancel</a>
        <span class="dirty-note"><i class="bi bi-circle-fill text-warning" style="font-size:.5rem"></i> Unsaved changes</span>
        <span class="spacer"></span>
        <button class="btn btn-primary">{{ $editing ? 'Save changes' : 'Add vendor' }}</button>
    </div>
</form>
@endsection