@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
@include('Partials.header')
<div class="main_content_iner default_main_contaner_iner">
<div class="page-body">

  <div class="container-fluid">
    <div class="page-title">
      <div class="row align-items-center">
        <div class="col-sm-6 ps-0">
          <h3>
            <i class="fas fa-file-invoice mr-2" style="color:#c9a96e"></i>
            {{ $invoice->typeLabel() }}
            <span style="color:#c9a96e;">#{{ $invoice->invoice_number }}</span>
          </h3>
          <p class="text-muted mb-0" style="font-size:13px;">
            Issued {{ $invoice->issued_at->format('d M Y, h:i A') }}
            @if($invoice->email_sent_at)
              &nbsp;·&nbsp; <span class="text-success"><i class="fas fa-envelope mr-1"></i>Emailed {{ $invoice->email_sent_at->format('d M Y') }}</span>
              @if($invoice->email_sent_to)
                <span class="text-muted"> → {{ $invoice->email_sent_to }}</span>
              @endif
              @if($invoice->broker_copy_sent)
                <span class="badge badge-secondary ml-1" style="font-size:10px;">+ Broker Copy</span>
              @endif
            @endif
          </p>
        </div>
        <div class="col-sm-6 pe-0 text-right">
          <ol class="bc mb-2">
            <li><a href="/admin/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
            <li class="bc-sep">›</li>
            <li><a href="{{ route('admin.invoices.index') }}" class="bc-link">Invoices</a></li>
            <li class="bc-sep">›</li>
            <li class="bc-active">#{{ $invoice->invoice_number }}</li>
          </ol>
          <div class="d-flex justify-content-end gap-2 flex-wrap">
            {{-- Resend email --}}
            @if($invoice->status === 'issued')
            <form method="POST" action="{{ route('admin.invoices.resend', $invoice->id) }}" style="margin:0;" class="mr-2">
              @csrf
              <button type="submit" class="btn btn-outline-info btn-sm">
                <i class="fas fa-envelope mr-1"></i>
                {{ $invoice->email_sent_at ? 'Resend Email' : 'Send Email' }}
              </button>
            </form>
            @endif

            {{-- Print button --}}
            <button onclick="printInvoice()" class="btn btn-outline-secondary btn-sm mr-2"> 
              <i class="fas fa-print mr-1"></i>Print / PDF
            </button>

            {{-- Cancel invoice --}}
            @if($invoice->status === 'issued')
            <form method="POST" action="{{ route('admin.invoices.cancel', $invoice->id) }}"
                  onsubmit="return confirm('Cancel this invoice? This cannot be undone.')"
                  style="margin:0;" class="mr-2">
              @csrf
              <button type="submit" class="btn btn-outline-danger btn-sm">
                <i class="fas fa-ban mr-1"></i>Cancel Invoice
              </button>
            </form>
            @endif

            <a href="{{ route('admin.invoices.index') }}" class="btn btn-outline-secondary btn-sm">
              <i class="fas fa-arrow-left mr-1"></i>Back
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  @foreach(['success','error'] as $t)
    @if(session($t))
    <div class="container-fluid mb-2">
      <div class="alert alert-{{ $t==='error'?'danger':$t }} alert-dismissible fade show">
        {{ session($t) }}<button type="button" class="close" data-dismiss="alert">&times;</button>
      </div>
    </div>
    @endif
  @endforeach

  <div class="container-fluid">
    <div class="row">

      {{-- ── Left: meta cards ──────────────────────────────────────────────── --}}
      <div class="col-lg-4 mb-4">

        {{-- Status card --}}
        <div class="card shadow-sm mb-3"
             style="border-left:4px solid {{ $invoice->status === 'issued' ? '#22c55e' : ($invoice->status === 'cancelled' ? '#ef4444' : '#f59e0b') }};">
          <div class="card-body py-3">
            <div class="d-flex align-items-center justify-content-between">
              <div>
                <div style="font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;margin-bottom:3px;">Status</div>
                {!! $invoice->statusBadge() !!}
              </div>
              <div style="font-size:28px;opacity:.15;">
                @if($invoice->status === 'issued') ✅ @elseif($invoice->status === 'cancelled') 🚫 @else 🔄 @endif
              </div>
            </div>
          </div>
        </div>

        {{-- Payment summary --}}
        <div class="card shadow-sm mb-3" style="border-top:3px solid #c9a96e;">
          <div class="card-header py-2">
            <h6 class="mb-0" style="font-size:13px;"><i class="fas fa-coins mr-2" style="color:#c9a96e;"></i>Payment Summary</h6>
          </div>
          <div class="card-body py-3">
            @php
              $sym     = $invoice->currency_symbol ?? '₹';
              $dec     = (int)($invoice->currency_decimals ?? 2);
              $pos     = $invoice->currency_symbol_position ?? 'before';
              $fmt     = fn($n) => $pos === 'after'
                           ? number_format((float)$n, $dec, '.', ',') . ' ' . $sym
                           : $sym . number_format((float)$n, $dec, '.', ',');
              $labels  = $invoice->fee_labels ?? [];
            @endphp

            <table class="table table-sm mb-0" style="font-size:13px;">
              <tr>
                <td class="text-muted border-0">Unit Price</td>
                <td class="text-right border-0 font-weight-bold">{{ $fmt($invoice->unit_price) }}</td>
              </tr>
              @if($invoice->processing_fee   > 0)<tr><td class="text-muted">{{ $labels['processing']   ?? 'Processing Fee'   }}</td><td class="text-right">{{ $fmt($invoice->processing_fee)   }}</td></tr>@endif
              @if($invoice->stamp_duty        > 0)<tr><td class="text-muted">{{ $labels['stamp_duty']   ?? 'Stamp Duty'       }}</td><td class="text-right">{{ $fmt($invoice->stamp_duty)        }}</td></tr>@endif
              @if($invoice->registration_fee  > 0)<tr><td class="text-muted">{{ $labels['registration'] ?? 'Registration Fee' }}</td><td class="text-right">{{ $fmt($invoice->registration_fee)  }}</td></tr>@endif
              @if($invoice->maintenance_charge> 0)<tr><td class="text-muted">{{ $labels['maintenance']  ?? 'Maintenance'      }}</td><td class="text-right">{{ $fmt($invoice->maintenance_charge) }}</td></tr>@endif
              @if($invoice->custom_fee1       > 0)<tr><td class="text-muted">{{ $labels['custom1']      ?? 'Custom Fee 1'     }}</td><td class="text-right">{{ $fmt($invoice->custom_fee1)       }}</td></tr>@endif
              @if($invoice->custom_fee2       > 0)<tr><td class="text-muted">{{ $labels['custom2']      ?? 'Custom Fee 2'     }}</td><td class="text-right">{{ $fmt($invoice->custom_fee2)       }}</td></tr>@endif
              @if($invoice->tax_amount        > 0)
              <tr>
                <td class="text-muted">{{ $labels['tax'] ?? ($invoice->tax_label ?? 'Tax') }} @if($invoice->tax_rate > 0)({{ $invoice->tax_rate }}%)@endif</td>
                <td class="text-right">{{ $fmt($invoice->tax_amount) }}</td>
              </tr>
              @endif
              <tr style="border-top:2px solid #dee2e6;">
                <td class="font-weight-bold" style="font-size:14px;">Grand Total</td>
                <td class="text-right font-weight-bold" style="font-size:14px;color:#c9a96e;">{{ $fmt($invoice->total_amount) }}</td>
              </tr>
              <tr>
                <td class="text-success font-weight-bold">
                  {{ $invoice->type === 'milestone' ? 'This Payment' : 'Amount Paid' }}
                </td>
                <td class="text-right font-weight-bold text-success">{{ $fmt($invoice->amount_paid) }}</td>
              </tr>
              @if($invoice->balance_due > 0)
              <tr>
                <td class="text-warning font-weight-bold">Balance Due</td>
                <td class="text-right font-weight-bold text-warning">{{ $fmt($invoice->balance_due) }}</td>
              </tr>
              @else
              <tr>
                <td colspan="2" class="text-center text-success" style="font-size:12px;">✓ Fully Paid</td>
              </tr>
              @endif
            </table>
          </div>
        </div>

        {{-- Client info --}}
        <div class="card shadow-sm mb-3">
          <div class="card-header py-2">
            <h6 class="mb-0" style="font-size:13px;"><i class="fas fa-user mr-2" style="color:#6c757d;"></i>Client</h6>
          </div>
          <div class="card-body py-3" style="font-size:13px;">
            <div class="font-weight-bold" style="font-size:14px;">{{ $invoice->client_name }}</div>
            @if($invoice->client_phone)<div class="text-muted mt-1"><i class="fas fa-phone mr-1" style="font-size:10px;"></i>{{ $invoice->client_phone }}</div>@endif
            @if($invoice->client_email)<div class="text-muted"><i class="fas fa-envelope mr-1" style="font-size:10px;"></i>{{ $invoice->client_email }}</div>@endif
            @if($invoice->client_address)<div class="text-muted mt-1" style="font-size:12px;">{{ $invoice->client_address }}</div>@endif
          </div>
        </div>

        {{-- Unit info --}}
        <div class="card shadow-sm mb-3">
          <div class="card-header py-2">
            <h6 class="mb-0" style="font-size:13px;"><i class="fas fa-home mr-2" style="color:#6c757d;"></i>Unit Details</h6>
          </div>
          <div class="card-body py-3" style="font-size:13px;">
            <div class="font-weight-bold" style="font-size:15px;">Unit {{ $invoice->plot_number }}</div>
            @if($invoice->plot_type)<div class="text-muted">{{ $invoice->plot_type }}</div>@endif
            @if($invoice->area)<div class="text-muted">{{ $invoice->area }} {{ $invoice->area_unit }}</div>@endif
            @if($invoice->project_name)<div class="text-muted mt-1">📍 {{ $invoice->project_name }}{{ $invoice->block_name ? ' — '.$invoice->block_name : '' }}</div>@endif
            @if($invoice->payment_plan_name)<div class="mt-1"><span class="badge" style="background:rgba(201,169,110,0.15);color:#c9a96e;border:1px solid rgba(201,169,110,0.3);">Plan: {{ $invoice->payment_plan_name }}</span></div>@endif
            <div class="text-muted mt-2" style="font-size:11px;">Booking #{{ $invoice->booking_id }}</div>
          </div>
        </div>

        {{-- Milestone snapshot --}}
        @if($invoice->milestones_snapshot && count($invoice->milestones_snapshot))
        <div class="card shadow-sm mb-3">
          <div class="card-header py-2">
            <h6 class="mb-0" style="font-size:13px;"><i class="fas fa-list-ol mr-2" style="color:#6c757d;"></i>Payment Schedule</h6>
          </div>
          <div class="card-body p-0">
            <table class="table table-sm mb-0" style="font-size:12px;">
              <thead class="thead-light">
                <tr>
                  <th class="pl-3">#</th>
                  <th>Milestone</th>
                  <th class="text-right">Amount</th>
                  <th>Status</th>
                </tr>
              </thead>
              <tbody>
            
                @foreach($invoice->milestones_snapshot as $i => $m)
                @php
                  $isCurrent = !empty($m['is_current']);
                  $sc = match($m['status'] ?? 'pending') {
                    'paid'    => '#22c55e',
                    'overdue' => '#ef4444',
                    default   => '#f59e0b',
                  };
                @endphp
                <tr style="{{ $isCurrent ? 'background:#fffdf8;font-weight:700;' : '' }}">
                  <td class="pl-3 text-muted">{{ $i + 1 }}</td>
                  <td>
                    {{ $m['label'] }}
                    @if($isCurrent)<span class="badge ml-1" style="background:rgba(201,169,110,0.15);color:#c9a96e;font-size:9px;">This Payment</span>@endif
                  </td>
                  <td class="text-right font-weight-bold">{{ $fmt($m['display_amount'] ?? 0) }}</td>
                  <td>
                    <span style="color:{{ $sc }};font-size:11px;font-weight:600;text-transform:capitalize;">
                      {{ $m['status'] ?? 'pending' }}
                    </span>
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
        @endif

        {{-- Meta / audit --}}
        <div class="card shadow-sm mb-3" style="font-size:12px;">
          <div class="card-header py-2">
            <h6 class="mb-0" style="font-size:13px;"><i class="fas fa-info-circle mr-2" style="color:#6c757d;"></i>Audit Info</h6>
          </div>
          <div class="card-body py-3">
            <div class="d-flex justify-content-between mb-1">
              <span class="text-muted">Invoice Type</span>
              <span class="font-weight-bold">{{ $invoice->typeLabel() }}</span>
            </div>
            <div class="d-flex justify-content-between mb-1">
              <span class="text-muted">Currency</span>
              <span class="font-weight-bold">{{ $invoice->currency_code }} ({{ $invoice->currency_symbol }})</span>
            </div>
            @if($invoice->tax_system)
            <div class="d-flex justify-content-between mb-1">
              <span class="text-muted">Tax System</span>
              <span class="font-weight-bold text-uppercase">{{ $invoice->tax_system }}</span>
            </div>
            @endif
            @if($invoice->payment_mode)
            <div class="d-flex justify-content-between mb-1">
              <span class="text-muted">Payment Mode</span>
              <span class="font-weight-bold text-capitalize">{{ str_replace('_', ' ', $invoice->payment_mode) }}</span>
            </div>
            @endif
            <div class="d-flex justify-content-between mb-1">
              <span class="text-muted">Issued At</span>
              <span>{{ $invoice->issued_at->format('d M Y, h:i A') }}</span>
            </div>
            @if($invoice->email_sent_at)
            <div class="d-flex justify-content-between mb-1">
              <span class="text-muted">Email Sent</span>
              <span class="text-success">{{ $invoice->email_sent_at->format('d M Y, h:i A') }}</span>
            </div>
            @endif
            @if($invoice->broker_copy_sent)
            <div class="d-flex justify-content-between">
              <span class="text-muted">Broker Copy</span>
              <span class="text-success">Sent ✓</span>
            </div>
            @endif

            @if($invoice->meta)
              @php $meta = is_array($invoice->meta) ? $invoice->meta : json_decode($invoice->meta, true); @endphp
              @if(!empty($meta['milestone_label']))
              <hr class="my-2">
              <div class="d-flex justify-content-between">
                <span class="text-muted">Milestone</span>
                <span class="font-weight-bold">{{ $meta['milestone_label'] }}</span>
              </div>
              @endif
              @if(!empty($meta['broker_name']))
              <div class="d-flex justify-content-between mt-1">
                <span class="text-muted">Broker</span>
                <span>{{ $meta['broker_name'] }}</span>
              </div>
              @endif
            @endif
          </div>
        </div>

      </div>

      {{-- ── Right: invoice iframe preview ────────────────────────────────── --}}
      <div class="col-lg-8 mb-4">
        <div class="card shadow-sm" style="border-top:3px solid #c9a96e;">
          <div class="card-header d-flex align-items-center justify-content-between py-2">
            <h6 class="mb-0" style="font-size:13px;">
              <i class="fas fa-file-invoice mr-2" style="color:#c9a96e;"></i>Invoice Preview
            </h6>
            <div class="d-flex gap-2">
              <button onclick="printInvoice()" class="btn btn-sm btn-warning mr-2" style="color:#fff;font-weight:700;">
                <i class="fas fa-print mr-1"></i>Print / Save PDF
              </button>
              <a href="{{ route('admin.invoices.show', $invoice->id) }}?raw=1" target="_blank"
                 class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-external-link-alt mr-1"></i>Open
              </a>
            </div>
          </div>
          <div class="card-body p-0" style="background:#f4f4f4;">
            {{-- iframe renders the blade invoice HTML --}}
            <iframe
              id="invoiceFrame"
              src="{{ route('admin.invoices.show', $invoice->id) }}?embed=1"
              style="width:100%;height:900px;border:none;display:block;"
              title="Invoice #{{ $invoice->invoice_number }}">
            </iframe>
          </div>
        </div>
      </div>

    </div>
  </div>

</div>
</div>
</section>
@include('Partials.footer')

<script>
function printInvoice() {
  var frame = document.getElementById('invoiceFrame');
  if (frame && frame.contentWindow) {
    frame.contentWindow.focus();
    frame.contentWindow.print();
  }
}
</script>