@extends('admin.layouts.dashboard')
@section('title', 'Edit Customer')
@section('content')
<div class="container-fluid mt-4">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h3 class="mb-0">Edit Customer</h3>
        <a href="{{ route('admin.customers.list') }}" class="btn btn-secondary btn-sm">
            <i class="fas fa-arrow-left"></i> Back
        </a>
    </div>

    @if($errors->any())
        <div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
    @endif

    <div class="card shadow-sm">
        <div class="card-body p-4">
            <form method="POST" action="{{ route('admin.customers.update', $customer) }}" id="customerForm">
                @csrf @method('PUT')
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold" for="business_name">Business Name</label>
                        <input type="text" name="business_name" id="business_name" class="form-control @error('business_name') is-invalid @enderror"
                               value="{{ old('business_name', $customer->business_name) }}" placeholder="Company / Business name">
                        <div id="business_nameError" class="invalid-feedback d-block"@if(!$errors->has('business_name')) style="display:none;"@endif>{{ $errors->first('business_name') }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold" for="name">Contact Person Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
                               value="{{ old('name', $customer->name) }}" placeholder="Full name">
                        <div id="nameError" class="invalid-feedback d-block"@if(!$errors->has('name')) style="display:none;"@endif>{{ $errors->first('name') }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold" for="phone">Phone <span class="text-danger">*</span></label>
                        <input type="text" name="phone" id="phone" class="form-control @error('phone') is-invalid @enderror"
                               value="{{ old('phone', $customer->phone) }}" placeholder="Phone number">
                        <div id="phoneError" class="invalid-feedback d-block"@if(!$errors->has('phone')) style="display:none;"@endif>{{ $errors->first('phone') }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold" for="telephone_no">Telephone No.</label>
                        <input type="text" name="telephone_no" id="telephone_no" class="form-control @error('telephone_no') is-invalid @enderror"
                               value="{{ old('telephone_no', $customer->telephone_no) }}" placeholder="Telephone number">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold" for="email">Email <span class="text-danger">*</span></label>
                        <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror"
                               value="{{ old('email', $customer->email) }}" placeholder="email@example.com">
                        <div id="emailError" class="invalid-feedback d-block"@if(!$errors->has('email')) style="display:none;"@endif>{{ $errors->first('email') }}</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold" for="customer_pincode">Pincode</label>
                        <input type="text" name="pincode" id="customer_pincode" class="form-control"
                               value="{{ old('pincode', $customer->pincode) }}" placeholder="Postal / ZIP code">
                    </div>
                    <div class="col-12">
                        <label class="form-label fw-bold" for="customer_address">Address</label>
                        <input type="text" name="address" id="customer_address" class="form-control"
                               value="{{ old('address', $customer->address) }}" placeholder="Start typing address..." autocomplete="off">
                        <small class="text-muted">Search address from Google Maps</small>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold" for="customer_city">City</label>
                        <input type="text" name="city" id="customer_city" class="form-control"
                               value="{{ old('city', $customer->city) }}" placeholder="City">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold" for="customer_state">State / Province</label>
                        <input type="text" name="state" id="customer_state" class="form-control"
                               value="{{ old('state', $customer->state) }}" placeholder="State">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold" for="customer_country">Country</label>
                        <input type="text" name="country" id="customer_country" class="form-control"
                               value="{{ old('country', $customer->country) }}" placeholder="Country">
                    </div>
                    <div class="col-12">
                        <label class="form-label fw-bold" for="remarks">Remarks</label>
                        <textarea name="remarks" id="remarks" class="form-control" rows="3" placeholder="Notes about this customer">{{ old('remarks', $customer->remarks) }}</textarea>
                    </div>
                    <div class="col-12 mt-2">
                        <button type="submit" class="btn btn-dark px-4">Update Customer</button>
                        <a href="{{ route('admin.customers.list') }}" class="btn btn-secondary ms-2">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>
@endsection

@push('scripts')
@include('admin.customers._customer-validation')
@include('admin.customers._customer-modal-address-autocomplete', ['bindings' => [[
    'input' => 'customer_address',
    'city' => 'customer_city',
    'state' => 'customer_state',
    'pincode' => 'customer_pincode',
    'country' => 'customer_country',
]]])
<script>
document.getElementById('customerForm').addEventListener('submit', function(e) {
    if (!cmValidateCustomerForm()) {
        e.preventDefault();
    }
});
</script>
@endpush