@if($errors->any())<div class="alert form-alert"><strong>Please correct the highlighted fields.</strong></div>@endif
<div class="admin-form-grid">
    <div class="form-group"><label for="name">Customer Name <b>*</b></label><input id="name" name="name" value="{{ old('name',$customer->name??'') }}" required maxlength="150" placeholder="Full name">@error('name')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="phone">Phone Number <b>*</b></label><input id="phone" name="phone" value="{{ old('phone',$customer->phone??'') }}" required maxlength="20" placeholder="e.g. 9876543210">@error('phone')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="email">Email Address</label><input id="email" type="email" name="email" value="{{ old('email',$customer->email??'') }}" maxlength="255" placeholder="customer@example.com">@error('email')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="gst_number">GST Number <span class="optional-label">Optional</span></label><input id="gst_number" name="gst_number" value="{{ old('gst_number',$customer->gst_number??'') }}" maxlength="20" placeholder="e.g. 33ABCDE1234F1Z5" style="text-transform:uppercase" oninput="this.value=this.value.toUpperCase()">@error('gst_number')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="is_active">Status <b>*</b></label><select id="is_active" name="is_active" required><option value="1" @selected((string)old('is_active',isset($customer)?(int)$customer->is_active:1)==='1')>Active</option><option value="0" @selected((string)old('is_active',isset($customer)?(int)$customer->is_active:1)==='0')>Inactive</option></select>@error('is_active')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group full-width"><label for="address">Address</label><textarea id="address" name="address" rows="3" maxlength="1000" placeholder="Street and area">{{ old('address',$customer->address??'') }}</textarea>@error('address')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="city">City</label><input id="city" name="city" value="{{ old('city',$customer->city??'') }}" maxlength="100" placeholder="City">@error('city')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="state">State</label><input id="state" name="state" value="{{ old('state',$customer->state??'') }}" maxlength="100" placeholder="State">@error('state')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="postal_code">Postal Code</label><input id="postal_code" name="postal_code" value="{{ old('postal_code',$customer->postal_code??'') }}" maxlength="10" placeholder="PIN code">@error('postal_code')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group full-width"><label for="notes">Notes</label><textarea id="notes" name="notes" rows="3" maxlength="1000" placeholder="Customer preferences or other notes">{{ old('notes',$customer->notes??'') }}</textarea>@error('notes')<p class="field-error">{{ $message }}</p>@enderror</div>
</div>
<div class="form-actions"><a class="secondary-action" href="{{ route('admin.customers.index') }}">Cancel</a><button class="primary-action" type="submit">{{ $submitLabel }}</button></div>
@push('scripts')<script src="{{ asset('js/searchable-select.js') }}"></script>@endpush
@push('scripts')<script>
(()=>{
  SearchableSelect.init(document.getElementById('is_active'),{placeholder:'Select status...'});
})();
</script>@endpush