@extends('layouts.app')

@section('content')
<div style="margin-top: 2rem;">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 2rem;">
        <div>
            <h1>Security Cheque Tracker</h1>
            <p style="color: #6B7280;">Monitor all guarantee and security cheques issued by your companies.</p>
        </div>
        <a href="{{ route('cheques.create') }}" class="btn">+ New Security Cheque</a>
    </div>

    @if($cheques->where('is_security_cheque', true)->count() === 0)
        <div class="card" style="text-align: center; padding: 3rem; background: #F9FAFB;">
            <p style="color: #6B7280; font-size: 1.1rem;">No security cheques found.</p>
            <p style="color: #9CA3AF; font-size: 0.9rem;">Security cheques are guarantee cheques that may not have fixed dates or amounts.</p>
        </div>
    @else
        <div class="card">
            <table>
                <thead>
                    <tr style="background: #F9FAFB;">
                        <th>Chq #</th>
                        <th>Company</th>
                        <th>Payee</th>
                        <th>Bank</th>
                        <th>Date</th>
                        <th style="text-align:right;">Amount (AED)</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($cheques->where('is_security_cheque', true) as $cheque)
                    @php
                        $statusColor = match($cheque->status) {
                            'cleared' => '#10B981',
                            'issued', 'released' => '#3B82F6',
                            'in_hand' => '#F59E0B',
                            'cancelled', 'bounced' => '#EF4444',
                            default => '#6B7280'
                        };
                    @endphp
                    <tr>
                        <td style="font-family: monospace; font-weight:bold;">{{ $cheque->cheque_number }}</td>
                        <td>{{ $cheque->company->name ?? 'N/A' }}</td>
                        <td><strong>{{ $cheque->payee->name }}</strong></td>
                        <td>{{ $cheque->bank->name }}</td>
                        <td>
                            @if($cheque->cheque_date)
                                {{ $cheque->cheque_date->format('d M Y') }}
                            @else
                                <span style="color: #F59E0B; font-style: italic;">Open Date</span>
                            @endif
                        </td>
                        <td style="text-align:right; font-weight:bold;">
                            @if($cheque->amount)
                                {{ number_format($cheque->amount, 2) }}
                            @else
                                <span style="color: #F59E0B; font-style: italic;">Open Amount</span>
                            @endif
                        </td>
                        <td>
                            <span style="background: {{ $statusColor }}; color: white; padding: 0.2rem 0.5rem; border-radius: 999px; font-size: 0.7rem; font-weight: bold;">
                                {{ ucfirst(str_replace('_', ' ', $cheque->status)) }}
                            </span>
                        </td>
                        <td>
                            <div style="display:flex; gap:0.5rem;">
                                <a href="{{ route('cheques.show', $cheque->id) }}" style="color: #4F46E5; text-decoration: none; font-size: 0.85rem;">View</a>
                                <a href="{{ route('cheques.edit', $cheque->id) }}" style="color: #059669; text-decoration: none; font-size: 0.85rem;">Edit</a>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection