@extends('layouts.app')
@section('content')
<div class="max-w-3xl mx-auto p-6">
    <h1 class="text-xl font-semibold mb-4">{{ $customer->exists ? 'Edit Customer' : 'New Customer' }}</h1>
    @if($errors->any())<div class="p-3 mb-4 bg-red-100 text-red-800 rounded">{{ $errors->first() }}</div>@endif
    <form method="POST" action="{{ $customer->exists ? route('customers.update', $customer) : route('customers.store') }}" class="p-4 bg-white rounded shadow">
        @csrf
        @if($customer->exists) @method('PUT') @endif
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">CNIC</label>
                <input type="text" name="cnic" value="{{ old('cnic', $customer->cnic) }}" class="w-full border rounded p-2" required>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Name</label>
                <input type="text" name="name" value="{{ old('name', $customer->name) }}" class="w-full border rounded p-2" required>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Father Name</label>
                <input type="text" name="father_name" value="{{ old('father_name', $customer->father_name) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Phone</label>
                <input type="text" name="phone" value="{{ old('phone', $customer->phone) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Email</label>
                <input type="email" name="email" value="{{ old('email', $customer->email) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">City</label>
                <input type="text" name="city" value="{{ old('city', $customer->city) }}" class="w-full border rounded p-2">
            </div>
            <div class="col-span-2">
                <label class="block text-sm font-medium mb-1">Address</label>
                <input type="text" name="address" value="{{ old('address', $customer->address) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Occupation</label>
                <input type="text" name="occupation" value="{{ old('occupation', $customer->occupation) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Nominee Name</label>
                <input type="text" name="nominee_name" value="{{ old('nominee_name', $customer->nominee_name) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Nominee CNIC</label>
                <input type="text" name="nominee_cnic" value="{{ old('nominee_cnic', $customer->nominee_cnic) }}" class="w-full border rounded p-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Nominee Relation</label>
                <input type="text" name="nominee_relation" value="{{ old('nominee_relation', $customer->nominee_relation) }}" class="w-full border rounded p-2">
            </div>
        </div>
        <div class="mt-6">
            <button class="px-6 py-2 bg-green-600 text-white rounded">{{ $customer->exists ? 'Update' : 'Create' }}</button>
        </div>
    </form>
</div>
@endsection