@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-dollar mr-2" style="color:#c9a96e"></i>Invoices</h3>
        </div>
        <div class="col-sm-6 pe-0 text-right">
          <a href="{{ route('admin.invoice-settings') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-cog mr-1"></i>Settings
          </a>
        </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

  {{-- KPI Cards --}}
  <div class="container-fluid mb-4">
    <div class="row">
      @foreach([
        ['Total Invoices', $stats['total'],                                   'fa-file-invoice', 'primary'],
        ['Issued',         $stats['issued'],                                  'fa-check-circle', 'success'],
        ['Total Value',    '₹'.number_format($stats['total_value'], 2),       'fa-rupee-sign',   'warning'],
        ['Collected',      '₹'.number_format($stats['total_paid'], 2),        'fa-wallet',       'info'],
      ] as [$label, $value, $icon, $color])
      <div class="col-xl-3 col-sm-6 mb-3">
        <div class="card shadow-sm h-100" style="border-left:4px solid var(--bs-{{ $color }},#6c757d)">
          <div class="card-body py-3 px-3">
            <div class="text-xs text-muted mb-1 text-uppercase" style="font-size:11px">{{ $label }}</div>
            <div style="font-size:22px;font-weight:700">{{ $value }}</div>
          </div>
        </div>
      </div>
      @endforeach
    </div>
  </div>

  {{-- Filters --}}
  <div class="container-fluid mb-3">
    <form method="GET" class="card card-body py-3">
      <div class="row g-2 align-items-end">
        <div class="col-md-4">
          <input type="text" name="search" class="form-control form-control-sm" placeholder="Invoice #, client, email, unit…" value="{{ request('search') }}">
        </div>
        <div class="col-md-2">
          <select name="type" class="form-control form-control-sm">
            <option value="">All Types</option>
            <option value="booking"   {{ request('type')==='booking'   ? 'selected':'' }}>Tax Invoice</option>
            <option value="milestone" {{ request('type')==='milestone' ? 'selected':'' }}>Receipt</option>
          </select>
        </div>
        <div class="col-md-2">
          <select name="status" class="form-control form-control-sm">
            <option value="">All Statuses</option>
            <option value="issued"    {{ request('status')==='issued'    ? 'selected':'' }}>Issued</option>
            <option value="cancelled" {{ request('status')==='cancelled' ? 'selected':'' }}>Cancelled</option>
          </select>
        </div>
        <div class="col-md-2 d-flex gap-1">
          <button class="btn btn-primary btn-sm flex-fill"><i class="fas fa-filter mr-1"></i>Filter</button>
          <a href="{{ route('admin.invoices.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-times"></i></a>
        </div>
      </div>
    </form>
  </div>

  {{-- Table --}}
  <div class="container-fluid">
    <div class="card shadow-sm">
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-hover mb-0" style="font-size:13px">
            <thead class="thead-light">
              <tr>
                <th>Invoice #</th><th>Type</th><th>Client</th><th>Unit</th>
                <th>Amount Paid</th><th>Balance</th><th>Status</th>
                <th>Issued</th><th>Email</th><th>Actions</th>
              </tr>
            </thead>
            <tbody>
              @forelse($invoices as $inv)
              <tr>
                <td><strong>{{ $inv->invoice_number }}</strong></td>
                <td>
                  @if($inv->type==='milestone')
                    <span class="badge badge-success">Receipt</span>
                  @else
                    <span class="badge badge-info">Tax Invoice</span>
                  @endif
                </td>
                <td>
                  <div style="font-weight:600">{{ $inv->client_name }}</div>
                  @if($inv->client_email)<div class="text-muted" style="font-size:11px">{{ $inv->client_email }}</div>@endif
                </td>
                <td>
                  <div style="font-weight:600">Unit {{ $inv->plot_number }}</div>
                  @if($inv->project_name)<div class="text-muted" style="font-size:11px">{{ $inv->project_name }}</div>@endif
                </td>
                <td style="font-weight:700;color:#22c55e;">{{ $inv->fmt($inv->amount_paid) }}</td>
                <td>
                  @if($inv->balance_due > 0)
                    <span style="color:#f59e0b;font-weight:700;">{{ $inv->fmt($inv->balance_due) }}</span>
                  @else
                    <span class="text-success" style="font-size:11px;">✓ Nil</span>
                  @endif
                </td>
                <td>{!! $inv->statusBadge() !!}</td>
                <td class="text-muted" style="font-size:11px">{{ $inv->issued_at->format('d M Y') }}</td>
                <td>
                  @if($inv->email_sent_at)
                    <span class="text-success" style="font-size:11px;" title="To: {{ $inv->email_sent_to }}">
                      ✓ {{ $inv->email_sent_at->format('d M') }}
                      @if($inv->broker_copy_sent) <span class="badge badge-secondary" style="font-size:9px;">+broker</span> @endif
                    </span>
                  @else
                    <span class="text-muted" style="font-size:11px;">—</span>
                  @endif
                </td>
                <td>
                  <div class="d-flex gap-1">
                    <a href="{{ route('admin.invoices.show', $inv->id) }}" class="btn btn-sm btn-outline-primary mr-2" title="View"><i class="fas fa-eye"></i></a>
                    <form method="POST" action="{{ route('admin.invoices.resend', $inv->id) }}" style="margin:0;">
                      @csrf
                      <button class="btn btn-sm btn-outline-info" title="Resend email"><i class="fas fa-envelope"></i></button>
                    </form>
                  </div>
                </td>
              </tr>
              @empty
              <tr>
                <td colspan="10" class="text-center text-muted py-5">
                  <i class="fas fa-file-invoice fa-2x mb-2 d-block"></i>No invoices found.
                </td>
              </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
      @if($invoices->hasPages())
        <div class="card-footer">{{ $invoices->links() }}</div>
      @endif
    </div>
  </div>

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