@php
  $editing = isset($company);
@endphp

<div class="row g-3">
  <div class="col-md-6">
    <label class="form-label">Company Name <span class="text-danger">*</span></label>
    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" maxlength="255"
           value="{{ old('name', $company->name ?? '') }}" required>
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
  </div>

  <div class="col-md-6">
    <label class="form-label">Legal Name</label>
    <input type="text" name="legal_name" class="form-control" maxlength="255"
           value="{{ old('legal_name', $company->legal_name ?? '') }}">
  </div>

  <div class="col-md-4">
    <label class="form-label">GSTIN</label>
    <input type="text" name="gstin" class="form-control" maxlength="20"
           value="{{ old('gstin', $company->gstin ?? '') }}">
  </div>

  <div class="col-md-4">
    <label class="form-label">PAN</label>
    <input type="text" name="pan" class="form-control" maxlength="20"
           value="{{ old('pan', $company->pan ?? '') }}">
  </div>

  <div class="col-md-4">
    <label class="form-label">Phone</label>
    <input type="text" name="phone" class="form-control" maxlength="30"
           value="{{ old('phone', $company->phone ?? '') }}">
  </div>

  <div class="col-md-6">
    <label class="form-label">Email</label>
    <input type="email" name="email" class="form-control" maxlength="255"
           value="{{ old('email', $company->email ?? '') }}">
  </div>

  <div class="col-md-6">
    <label class="form-label">Website</label>
    <input type="text" name="website" class="form-control" maxlength="255"
           value="{{ old('website', $company->website ?? '') }}" placeholder="www.example.com">
  </div>

  <div class="col-md-6">
    <label class="form-label">MSME/Udyam Number</label>
    <input type="text" name="msme_number" class="form-control" maxlength="100"
           value="{{ old('msme_number', $company->msme_number ?? '') }}" placeholder="e.g. UDYAM-XX-00-0000000">
  </div>

  {{-- LUT Entries --}}
  <div class="col-12"><hr class="my-1"><h6 class="text-muted mb-0">LUT (Letter of Undertaking)</h6></div>
  <div class="col-12">
    <table class="table table-hover table-sm align-middle mb-2" id="lutTable">
      <thead class="table-light">
        <tr>
          <th>LUT Number</th>
          <th>Valid From</th>
          <th>Valid To</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        @if($editing && $company->luts->count())
          @foreach($company->luts as $i => $lut)
          <tr>
            <td><input type="text" name="luts[{{ $i }}][lut_number]" class="form-control form-control-sm" value="{{ $lut->lut_number }}" maxlength="100" placeholder="e.g. AD090125634520A"></td>
            <td><input type="date" name="luts[{{ $i }}][valid_from]" class="form-control form-control-sm" value="{{ $lut->valid_from->format('Y-m-d') }}"></td>
            <td><input type="date" name="luts[{{ $i }}][valid_to]" class="form-control form-control-sm" value="{{ $lut->valid_to->format('Y-m-d') }}" data-after-or-equal="luts[{{ $i }}][valid_from]"></td>
            <td class="text-center"><button type="button" class="btn btn-sm btn-outline-danger lut-remove">&times;</button></td>
          </tr>
          @endforeach
        @endif
      </tbody>
    </table>
    <button type="button" class="btn btn-sm btn-outline-primary" id="addLutRow"><i class="ph-duotone ph-plus me-1"></i> Add LUT</button>
  </div>

  <div class="col-md-12">
    <label class="form-label">Billing Address</label>
    <textarea name="billing_address" rows="3" class="form-control">{{ old('billing_address', $company->billing_address ?? '') }}</textarea>
  </div>

  @php
    $indianStates = [
      '01' => 'Jammu and Kashmir',
      '02' => 'Himachal Pradesh',
      '03' => 'Punjab',
      '04' => 'Chandigarh',
      '05' => 'Uttarakhand',
      '06' => 'Haryana',
      '07' => 'Delhi',
      '08' => 'Rajasthan',
      '09' => 'Uttar Pradesh',
      '10' => 'Bihar',
      '11' => 'Sikkim',
      '12' => 'Arunachal Pradesh',
      '13' => 'Nagaland',
      '14' => 'Manipur',
      '15' => 'Mizoram',
      '16' => 'Tripura',
      '17' => 'Meghalaya',
      '18' => 'Assam',
      '19' => 'West Bengal',
      '20' => 'Jharkhand',
      '21' => 'Odisha',
      '22' => 'Chhattisgarh',
      '23' => 'Madhya Pradesh',
      '24' => 'Gujarat',
      '26' => 'Dadra and Nagar Haveli and Daman and Diu',
      '27' => 'Maharashtra',
      '29' => 'Karnataka',
      '30' => 'Goa',
      '31' => 'Lakshadweep',
      '32' => 'Kerala',
      '33' => 'Tamil Nadu',
      '34' => 'Puducherry',
      '35' => 'Andaman and Nicobar Islands',
      '36' => 'Telangana',
      '37' => 'Andhra Pradesh',
      '38' => 'Ladakh',
    ];
  @endphp

  <div class="col-md-4">
    <label class="form-label">State <span class="text-danger">*</span></label>
    <select name="state" class="form-select" required id="stateSelect">
      <option value="">-- Select State --</option>
      @foreach($indianStates as $code => $stateName)
        <option value="{{ $stateName }}" data-code="{{ $code }}" @selected(old('state', $company->state ?? '') === $stateName)>
          {{ $stateName }} ({{ $code }})
        </option>
      @endforeach
    </select>
    <input type="hidden" name="state_code" id="stateCodeInput" value="{{ old('state_code', $company->state_code ?? '') }}">
  </div>

  <div class="col-md-2">
    <label class="form-label">Pincode</label>
    <input type="text" name="pincode" class="form-control" maxlength="10"
           value="{{ old('pincode', $company->pincode ?? '') }}">
  </div>

  {{-- Invoice Number Format --}}
  <div class="col-12"><hr class="my-1"><h6 class="text-muted mb-0">Invoice Number Format</h6></div>

  <div class="col-md-3">
    <label class="form-label">Invoice Prefix</label>
    <input type="text" name="invoice_prefix" class="form-control" maxlength="20"
           value="{{ old('invoice_prefix', $company->invoice_prefix ?? '') }}" placeholder="e.g. Ezzy, EB">
  </div>

  <div class="col-md-5">
    <label class="form-label">Invoice Format</label>
    <select name="invoice_format" class="form-select" id="invoiceFormatSelect">
      <option value="">-- Select Format --</option>
      @php
        $invoiceFormats = [
          '{PREFIX}-{NO}-{FY}'  => 'Ezzy-001-2526',
          '{PREFIX}/{NO}/{FY}'  => 'EB/001/2526',
          '{PREFIX}-{NO}/{FY}'  => 'Ezzy-001/2526',
          '{PREFIX}/{NO}/{FY2}' => 'EB/001/25-26',
          '{PREFIX}-{NO}-{FY2}' => 'Ezzy-001-25-26',
          '{PREFIX}/{NO}'       => 'EB/001',
          '{PREFIX}-{NO}'       => 'Ezzy-001',
        ];
      @endphp
      @foreach($invoiceFormats as $fmt => $example)
        <option value="{{ $fmt }}" @selected(old('invoice_format', $company->invoice_format ?? '') === $fmt)>
          {{ $example }} &nbsp; ({{ $fmt }})
        </option>
      @endforeach
    </select>
  </div>

  <div class="col-md-2">
    <label class="form-label">Padding</label>
    <select name="invoice_pad_length" class="form-select" required>
      @foreach([2 => '01', 3 => '001', 4 => '0001'] as $len => $example)
        <option value="{{ $len }}" @selected(old('invoice_pad_length', $company->invoice_pad_length ?? 3) == $len)>
          {{ $example }} ({{ $len }} digits)
        </option>
      @endforeach
    </select>
  </div>

  <div class="col-md-2">
    <label class="form-label">Preview</label>
    <input type="text" class="form-control-plaintext fw-bold text-primary" id="invoicePreview" readonly value="-">
  </div>

  <div class="col-md-3">
    <label class="form-label">Cash Memo Prefix</label>
    <input type="text" name="cash_memo_prefix" class="form-control" maxlength="20"
           value="{{ old('cash_memo_prefix', $company->cash_memo_prefix ?? '') }}" placeholder="e.g. CM">
  </div>

  <div class="col-md-5">
    <label class="form-label">Cash Memo Format</label>
    <select name="cash_memo_format" class="form-select" id="cashMemoFormatSelect">
      <option value="">-- Same as Invoice --</option>
      @php
        $cashFormats = [
          '{PREFIX}-{NO}/{FY2}'  => 'CM-001/25-26',
          '{PREFIX}-{NO}-{FY2}'  => 'CM-001-25-26',
          '{PREFIX}/{NO}/{FY2}'  => 'CM/001/25-26',
          '{PREFIX}-{NO}/{FY}'   => 'CM-001/2526',
          '{PREFIX}-{NO}-{FY}'   => 'CM-001-2526',
          '{PREFIX}/{NO}'        => 'CM/001',
          '{PREFIX}-{NO}'        => 'CM-001',
        ];
      @endphp
      @foreach($cashFormats as $fmt => $example)
        <option value="{{ $fmt }}" @selected(old('cash_memo_format', $company->cash_memo_format ?? '') === $fmt)>
          {{ $example }} &nbsp; ({{ $fmt }})
        </option>
      @endforeach
    </select>
  </div>

  <div class="col-md-4">
    <label class="form-label">Cash Preview</label>
    <input type="text" class="form-control-plaintext fw-bold text-success" id="cashPreview" readonly value="-">
  </div>

  <div class="col-12"><hr class="my-1"></div>

  <div class="col-md-3">
    <label class="form-label">Company Logo</label>
    <input type="file" name="logo" class="form-control" accept="image/*">
    @if($editing && ($company->logo_path ?? false))
      <div class="mt-2">
        <img src="{{ asset('storage/' . $company->logo_path) }}" height="40" class="border rounded">
        <label class="form-check-label ms-2">
          <input type="checkbox" name="remove_logo" value="1" class="form-check-input"> Remove
        </label>
      </div>
    @endif
  </div>

  <div class="col-md-3">
    <label class="form-label">QR Code (Payment)</label>
    <input type="file" name="qr_code" class="form-control" accept="image/*">
    @if($editing && ($company->qr_code_path ?? false))
      <div class="mt-2">
        <img src="{{ asset('storage/' . $company->qr_code_path) }}" height="40" class="border rounded">
        <label class="form-check-label ms-2">
          <input type="checkbox" name="remove_qr_code" value="1" class="form-check-input"> Remove
        </label>
      </div>
    @endif
  </div>
</div>

@push('scripts')
<script>
// LUT rows
document.getElementById('addLutRow')?.addEventListener('click', function() {
    const tbody = document.querySelector('#lutTable tbody');
    const idx = tbody.querySelectorAll('tr').length;
    const row = document.createElement('tr');
    row.innerHTML = `
        <td><input type="text" name="luts[${idx}][lut_number]" class="form-control form-control-sm" maxlength="100" placeholder="e.g. AD090125634520A"></td>
        <td><input type="date" name="luts[${idx}][valid_from]" class="form-control form-control-sm"></td>
        <td><input type="date" name="luts[${idx}][valid_to]" class="form-control form-control-sm" data-after-or-equal="luts[${idx}][valid_from]"></td>
        <td class="text-center"><button type="button" class="btn btn-sm btn-outline-danger lut-remove">&times;</button></td>
    `;
    tbody.appendChild(row);
});
document.getElementById('lutTable')?.addEventListener('click', function(e) {
    if (e.target.closest('.lut-remove')) e.target.closest('tr').remove();
});

document.getElementById('stateSelect')?.addEventListener('change', function() {
    const selected = this.options[this.selectedIndex];
    document.getElementById('stateCodeInput').value = selected.dataset.code || '';
});

// Live invoice format preview
function updatePreviews() {
    const invPrefix = document.querySelector('[name=invoice_prefix]')?.value || 'INV';
    const invFormat = document.querySelector('[name=invoice_format]')?.value || '';
    const pad = parseInt(document.querySelector('[name=invoice_pad_length]')?.value || 3);
    const cmPrefix = document.querySelector('[name=cash_memo_prefix]')?.value || 'CM';
    const cmFormat = document.querySelector('[name=cash_memo_format]')?.value || '';

    const no = '1'.padStart(pad, '0');
    const fy = '2526', fy2 = '25-26';

    function render(fmt, prefix) {
        if (!fmt) return '-';
        return fmt.replace('{PREFIX}', prefix).replace('{NO}', no).replace('{FY2}', fy2).replace('{FY}', fy);
    }

    document.getElementById('invoicePreview').value = render(invFormat, invPrefix);
    document.getElementById('cashPreview').value = render(cmFormat || invFormat, cmFormat ? cmPrefix : invPrefix);
}

document.querySelectorAll('[name=invoice_prefix],[name=invoice_format],[name=invoice_pad_length],[name=cash_memo_prefix],[name=cash_memo_format]')
    .forEach(el => el.addEventListener('input', updatePreviews) || el.addEventListener('change', updatePreviews));
updatePreviews();
</script>
@endpush