@extends('layouts.app')

@section('title', 'Sales')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0"><i class="bi bi-file-earmark-text me-2"></i>Sale Agreements</h1>
    @haspermission('sales.create')
    <a href="{{ route('sales.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle me-1"></i> New Sale
    </a>
    @endhaspermission
</div>

<div class="card">
    <div class="card-body table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Agreement #</th>
                    <th>Customer</th>
                    <th>Flat</th>
                    <th>Net Payable</th>
                    <th>Installments</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($sales as $sale)
                    <tr>
                        <td class="fw-semibold">{{ $sale->agreement_number ?? 'Draft' }}</td>
                        <td>{{ $sale->customer->name ?? '-' }}</td>
                        <td>{{ $sale->flat->flat_number ?? '-' }}</td>
                        <td>৳ {{ number_format($sale->net_payable, 2) }}</td>
                        <td>{{ $sale->total_installments }}</td>
                        <td>
                            @php
                                $badge = match ($sale->status) {
                                    'draft' => 'warning',
                                    'active' => 'success',
                                    'completed' => 'primary',
                                    'cancelled' => 'danger',
                                    default => 'secondary',
                                };
                            @endphp
                            <span class="badge bg-{{ $badge }}">{{ ucfirst($sale->status) }}</span>
                        </td>
                        <td>
                            <a href="{{ route('sales.show', $sale) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-eye"></i>
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">No sales found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($sales->hasPages())
        <div class="card-footer">{{ $sales->appends(request()->query())->links() }}</div>
    @endif
</div>
@endsection