@extends('layouts.app')
@section('title', $client->exists ? __('Edit Client') : __('New Client'))

@section('content')
<form method="POST" action="{{ $client->exists ? route('clients.update', $client) : route('clients.store') }}" class="mx-auto max-w-2xl">
    @csrf
    @if ($client->exists) @method('PUT') @endif
    <div class="card grid grid-cols-1 gap-4 sm:grid-cols-2">
        <div class="sm:col-span-2">
            <label class="label">{{ __('Name') }} *</label>
            <input type="text" name="name" value="{{ old('name', $client->name) }}" required class="input">
        </div>
        <div><label class="label">{{ __('Phone') }}</label><input type="text" name="phone" value="{{ old('phone', $client->phone) }}" class="input"></div>
        <div><label class="label">{{ __('Email') }}</label><input type="email" name="email" value="{{ old('email', $client->email) }}" class="input"></div>
        <div><label class="label">{{ __('Address') }}</label><input type="text" name="address" value="{{ old('address', $client->address) }}" class="input"></div>
        <div><label class="label">{{ __('Tax number') }}</label><input type="text" name="tax_number" value="{{ old('tax_number', $client->tax_number) }}" class="input"></div>
        <div><label class="label">{{ __('Birth date') }}</label><input type="date" name="birth_date" value="{{ old('birth_date', optional($client->birth_date)->format('Y-m-d')) }}" class="input"></div>
        <div><label class="label">{{ __('Credit limit') }}</label><input type="number" step="0.01" name="credit_limit" value="{{ old('credit_limit', $client->credit_limit ?? 0) }}" class="input"></div>
        <div class="sm:col-span-2"><label class="label">{{ __('Notes') }}</label><textarea name="notes" rows="2" class="input">{{ old('notes', $client->notes) }}</textarea></div>
    </div>
    <div class="mt-4 flex gap-2">
        <button class="btn-primary">{{ $client->exists ? __('Update') : __('Create') }}</button>
        <a href="{{ route('clients.index') }}" class="btn-secondary">{{ __('Cancel') }}</a>
    </div>
</form>
@endsection