@extends('crm.master')

@section('title', isset($customer) ? 'Edit Customer' : 'New Customer')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <!-- Page Header -->
  <div class="row mb-6">
    <div class="col-12">
      <div class="d-flex align-items-center justify-content-between">
        <div>
          <h4 class="mb-1">{{ isset($customer) ? 'Edit Customer' : 'New Customer' }}</h4>
          <p class="text-muted mb-0">{{ isset($customer) ? 'Update customer information' : 'Add a new customer to the system' }}</p>
        </div>
        <a href="{{ route('crm.customers.index') }}" class="btn btn-label-secondary">
          <i class="icon-base ti tabler-arrow-left me-2 icon-14px"></i>
          Back
        </a>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-md-8">
      <div class="card mb-6">
        <div class="card-body">
          @include('crm.components.alerts')

          <form
            action="{{ isset($customer) ? route('crm.customers.update', $customer->hash_id) : route('crm.customers.store') }}"
            id="crud-form"
            method="POST">
            @csrf
            @if(isset($customer))
              @method('PUT')
            @endif

            <div class="row">
              <!-- Name -->
              <div class="col-12 mb-4">
                <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                <input
                  type="text"
                  class="form-control @error('name') is-invalid @enderror"
                  id="name"
                  name="name"
                  placeholder="Enter full name"
                  value="{{ old('name', $customer->name ?? '') }}"
                  required />
                @error('name')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- Email -->
              <div class="col-12 mb-4">
                <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                <input
                  type="email"
                  class="form-control @error('email') is-invalid @enderror"
                  id="email"
                  name="email"
                  placeholder="Enter email address"
                  value="{{ old('email', $customer->email ?? '') }}"
                  required />
                @error('email')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- Phone -->
              <div class="col-12 mb-4">
                <label for="phone" class="form-label">Phone <span class="text-danger">*</span></label>
                <input
                  type="text"
                  class="form-control @error('phone') is-invalid @enderror"
                  id="phone"
                  name="phone"
                  placeholder="e.g. +1 512 000 0000"
                  value="{{ old('phone', $customer->phone ?? '') }}"
                  required />
                @error('phone')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- Address -->
              <div class="col-12 mb-4">
                <label for="address" class="form-label">Address</label>
                <input
                  type="text"
                  class="form-control @error('address') is-invalid @enderror"
                  id="address"
                  name="address"
                  placeholder="Street address"
                  value="{{ old('address', $customer->address ?? '') }}" />
                @error('address')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- City -->
              <div class="col-md-6 mb-4">
                <label for="city" class="form-label">City</label>
                <input
                  type="text"
                  class="form-control @error('city') is-invalid @enderror"
                  id="city"
                  name="city"
                  placeholder="City"
                  value="{{ old('city', $customer->city ?? '') }}" />
                @error('city')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- State -->
              <div class="col-md-6 mb-4">
                <label for="state" class="form-label">State / Region</label>
                <input
                  type="text"
                  class="form-control @error('state') is-invalid @enderror"
                  id="state"
                  name="state"
                  placeholder="State or region"
                  value="{{ old('state', $customer->state ?? '') }}" />
                @error('state')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- Country -->
              <div class="col-md-6 mb-4">
                <label for="country" class="form-label">Country</label>
                <select
                  class="form-select @error('country') is-invalid @enderror"
                  id="country"
                  name="country">
                  <option value="">Please Select</option>
                  @foreach($countries as $c)
                    <option value="{{ $c->name }}" {{ old('country', $customer->country ?? 'United States') === $c->name ? 'selected' : '' }}>
                      {{ $c->name }}
                    </option>
                  @endforeach
                </select>
                @error('country')
                  <span class="invalid-feedback d-block">{{ $message }}</span>
                @enderror
              </div>

              <!-- Postal Code -->
              <div class="col-md-6 mb-4">
                <label for="postal_code" class="form-label">Postal / Zip</label>
                <input
                  type="text"
                  class="form-control @error('postal_code') is-invalid @enderror"
                  id="postal_code"
                  name="postal_code"
                  placeholder="Postal or zip code"
                  value="{{ old('postal_code', $customer->postal_code ?? '') }}" />
                @error('postal_code')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- Notes -->
              <div class="col-12 mb-4">
                <label for="notes" class="form-label">Notes</label>
                <textarea
                  class="form-control @error('notes') is-invalid @enderror"
                  id="notes"
                  name="notes"
                  rows="3"
                  placeholder="Optional notes about this customer">{{ old('notes', $customer->notes ?? '') }}</textarea>
                @error('notes')
                  <span class="invalid-feedback">{{ $message }}</span>
                @enderror
              </div>

              <!-- Status (edit only) -->
              @if(isset($customer))
                <div class="col-12 mb-4">
                  <label for="status" class="form-label">Status</label>
                  <select
                    class="form-select @error('status') is-invalid @enderror"
                    id="status"
                    name="status">
                    <option value="active" {{ old('status', $customer->status) === 'active' ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ old('status', $customer->status) === 'inactive' ? 'selected' : '' }}>Inactive</option>
                  </select>
                  @error('status')
                    <span class="invalid-feedback d-block">{{ $message }}</span>
                  @enderror
                </div>
              @endif
            </div>

            <!-- Submit -->
            <div class="mt-2">
              <button type="button" id="add-edit-page-sbt-btn" class="btn btn-primary">
                <i class="icon-base ti tabler-check me-2 icon-14px"></i>
                {{ isset($customer) ? 'Update Customer' : 'Create' }}
              </button>
              <a href="{{ route('crm.customers.index') }}" class="btn btn-label-secondary ms-2">
                <i class="icon-base ti tabler-x me-2 icon-14px"></i>
                Cancel
              </a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('page-script')
<script>
  $(document).ready(function () {
    $('#add-edit-page-sbt-btn').click(function () {
      var validator = $('#crud-form').validate();
      if (validator.form() != false) {
        $('#crud-form')[0].submit();
      }
    });
  });
</script>
@endsection