@php
    $isEdit = $client->exists;
@endphp

<x-app-layout>
    <form method="POST" action="{{ $isEdit ? route('invoicing.clients.update', $client) : route('invoicing.clients.store') }}" class="card app-card">
        @csrf
        @if ($isEdit)
            @method('PUT')
        @endif

        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label" for="company_name">Company name</label>
                    <input class="form-control @error('company_name') is-invalid @enderror" type="text" id="company_name" name="company_name" value="{{ old('company_name', $client->company_name) }}" required>
                    @error('company_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label" for="contact_person">Contact person</label>
                    <input class="form-control @error('contact_person') is-invalid @enderror" type="text" id="contact_person" name="contact_person" value="{{ old('contact_person', $client->contact_person) }}" required>
                    @error('contact_person') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="email">Email</label>
                    <input class="form-control @error('email') is-invalid @enderror" type="email" id="email" name="email" value="{{ old('email', $client->email) }}">
                    @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="phone">Phone</label>
                    <input class="form-control @error('phone') is-invalid @enderror" type="text" id="phone" name="phone" value="{{ old('phone', $client->phone) }}">
                    @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label" for="gst_number">GST number</label>
                    <input class="form-control @error('gst_number') is-invalid @enderror" type="text" id="gst_number" name="gst_number" value="{{ old('gst_number', $client->gst_number) }}" maxlength="20">
                    @error('gst_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-12">
                    <label class="form-label" for="billing_address">Billing address</label>
                    <textarea class="form-control @error('billing_address') is-invalid @enderror" id="billing_address" name="billing_address" rows="3">{{ old('billing_address', $client->billing_address) }}</textarea>
                    @error('billing_address') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>
        <div class="card-footer bg-white d-flex justify-content-end gap-2">
            <a href="{{ route('invoicing.clients.index') }}" class="btn btn-light">Cancel</a>
            <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Save changes' : 'Create client' }}</button>
        </div>
    </form>
</x-app-layout>