@extends('layouts.admin')

@section('title', 'Converted SO')
@section('page-title', 'Converted SO')

@section('breadcrumb')
    <li class="breadcrumb-item active">Converted SO</li>
@endsection

@section('scripts')
<script>
  (function(){
    function toJSON(form){
      const fd = new FormData(form);
      const obj = {};
      for (const [k,v] of fd.entries()) obj[k] = v;
      return obj;
    }

    async function postJSON(url, payload){
      const res = await fetch(url, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' },
        body: JSON.stringify(payload)
      });
      let data = null; try { data = await res.json(); } catch(e) {}
      return { ok: res.ok, status: res.status, data };
    }

    document.querySelectorAll('.add-charges-form').forEach(form => {
      form.addEventListener('submit', async (e) => {
        e.preventDefault();
        const payload = toJSON(form);

        // Basic client-side validation
        if (!payload.so_no) { alert('SO No missing.'); return; }
        if (!payload.extra_charge_type) { alert('Please select a charge type.'); return; }

        const btn = form.querySelector('button[type="submit"]');
        const original = btn.innerHTML;
        btn.disabled = true; btn.innerHTML = 'Submitting...';

        try {
          const resp = await postJSON('/reinvoicing/store', payload);
          if (resp.ok && resp.data && resp.data.success) {
            // Hide modal
            const modalId = form.getAttribute('data-modal-id');
            const modalEl = modalId ? document.getElementById(modalId) : null;
            if (modalEl && window.bootstrap) {
              const instance = bootstrap.Modal.getInstance(modalEl) || new bootstrap.Modal(modalEl);
              instance.hide();
            }
            // Optional: refresh to reflect any changes
            setTimeout(() => { window.location.reload(); }, 300);
          } else {
            const msg = (resp.data && resp.data.message) ? resp.data.message : 'Please try again.';
            alert('Failed to save charges. ' + msg);
          }
        } catch (err) {
          alert('Network error while saving charges.');
        } finally {
          btn.disabled = false; btn.innerHTML = original;
        }
      });
    });
  })();
</script>
@endsection

@section('content')
<div class="card border-0 shadow-sm">
    <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Converted SO Queue</h5>
        <div class="text-muted small">
            Showing latest 100 records
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th scope="col">Sr. No</th>
                        <th scope="col">SO No</th>
                        <th scope="col">Location</th>
                        <th scope="col">Created</th>
                        <th scope="col">Preview</th>
                        <th scope="col">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($records as $rec)
                        @php
                            $loopId = $loop->iteration; // for modal target
                            $j = [];
                            try {
                                $decoded = json_decode($rec->data ?? '{}', true);
                                if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                                    $j = $decoded;
                                }
                            } catch (Throwable $e) {}
                            $hasExtra = !empty($rec->extra_charge_type) || !empty($rec->extra_charge_remark) || !empty(($j['extra_charges']['type'] ?? null)) || !empty(($j['extra_charges']['remark'] ?? null));
                            $hasPreview = !empty($j) || $hasExtra;
                        @endphp
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td class="fw-semibold">{{ $rec->so_no ?? '-' }}</td>
                            <td>{{ $rec->location_id ?? '-' }}</td>
                            <td>{{ $rec->created_at ?? '-' }}</td>
                            <td>
                                @if ($hasPreview)
                                    <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#rvw-{{ $loopId }}">Preview</button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="rvw-{{ $loopId }}" tabindex="-1" aria-labelledby="rvwLbl-{{ $loopId }}" aria-hidden="true">
                                      <div class="modal-dialog modal-dialog-centered modal-lg">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <h5 class="modal-title" id="rvwLbl-{{ $loopId }}">Conversion Data Preview</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                          </div>
                                          <div class="modal-body">
                                            @php
                                                // Normalize keys possibly nested
                                                $service_name = $j['service_name'] ?? ($j['payload']['service_name'] ?? null);
                                                $total_charges = $j['total_charges'] ?? ($j['amount'] ?? ($j['rate'] ?? null));
                                                $charged_wt = $j['charged_wt'] ?? ($j['charged_weight'] ?? null);
                                                $risk_type = $j['risk_type'] ?? null;
                                                $risk_type_charge = $j['risk_type_charge'] ?? null;
                                                $tat = $j['tat'] ?? null;
                                                $source_pincode = $j['source_pincode'] ?? null;
                                                $destination_pincode = $j['destination_pincode'] ?? null;
                                                $invoice_amount = $j['invoice_amount'] ?? null;
                                                $so_no = $j['so_no'] ?? ($rec->so_no ?? null);
                                                // Extra charges (prefer JSON nested, fallback to DB columns)
                                                $extra_type = $j['extra_charges']['type'] ?? ($rec->extra_charge_type ?? null);
                                                $extra_remark = $j['extra_charges']['remark'] ?? ($rec->extra_charge_remark ?? null);
                                            @endphp
                                            @if (!empty($j))
                                            <div class="table-responsive mb-3">
                                              <table class="table table-sm table-bordered">
                                                <thead>
                                                  <tr><th colspan="2">Conversion Details</th></tr>
                                                </thead>
                                                <tbody>
                                                  <tr><th style="width:240px">Service Name</th><td>{{ $service_name ?? '-' }}</td></tr>
                                                  <tr><th>Total Charges</th><td>{{ $total_charges !== null ? $total_charges : '-' }}</td></tr>
                                                  <tr><th>Charged Weight</th><td>{{ $charged_wt !== null ? $charged_wt : '-' }}</td></tr>
                                                  <tr><th>Risk Type</th><td>{{ $risk_type ?? '-' }}</td></tr>
                                                  <tr><th>Risk Type Charge</th><td>{{ $risk_type_charge !== null ? $risk_type_charge : '-' }}</td></tr>
                                                  <tr><th>TAT</th><td>{{ $tat !== null ? $tat : '-' }}</td></tr>
                                                  <tr><th>Source Pincode</th><td>{{ $source_pincode ?? '-' }}</td></tr>
                                                  <tr><th>Destination Pincode</th><td>{{ $destination_pincode ?? '-' }}</td></tr>
                                                  <tr><th>Invoice Amount</th><td>{{ $invoice_amount !== null ? $invoice_amount : '-' }}</td></tr>
                                                  <tr><th>SO No</th><td>{{ $so_no ?? '-' }}</td></tr>
                                                </tbody>
                                              </table>
                                            </div>
                                            @endif
                                            @if ($extra_type || $extra_remark)
                                            <div class="table-responsive">
                                              <table class="table table-sm table-bordered">
                                                <thead>
                                                  <tr><th colspan="2">Extra Charges</th></tr>
                                                </thead>
                                                <tbody>
                                                  <tr><th style="width:240px">Type</th><td>{{ $extra_type ?? '-' }}</td></tr>
                                                  <tr><th>Remark</th><td>{{ $extra_remark ?? '-' }}</td></tr>
                                                </tbody>
                                              </table>
                                            </div>
                                            @endif
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                @else
                                    <span class="badge bg-secondary">n/a</span>
                                @endif
                            </td>
                            <td>
                                @php $so = $rec->so_no ?? null; @endphp
                                @if ($so)
                                    <a href="{{ route('admin.generate_invoice', ['so_no' => $so]) }}" target="_blank" class="btn btn-sm btn-success">
                                        Convert Invoice
                                    </a>
                                @else
                                    <button class="btn btn-sm btn-secondary" disabled>Convert Invoice</button>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted">No records found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection