@extends('layouts.app')

@section('content')
<div style="margin-top: 2rem;">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 2rem;">
        <h1>Dashboard</h1>
        <a href="{{ route('cheques.create') }}" class="btn">+ New Cheque</a>
    </div>

    @if($upcoming_pdc->count() > 0)
    <div style="background: #FFFBEB; border: 1px solid #FCD34D; color: #92400E; padding: 1rem; border-radius: 0.5rem; margin-bottom: 2rem; display:flex; justify-content:space-between; align-items:center;">
        <div>
            <strong>PDC Alert:</strong> You have {{ $upcoming_pdc->count() }} Post-Dated Cheques due in the next 7 days!
        </div>
        <a href="{{ route('cheques.pdc') }}" class="btn" style="background:#D97706; font-size: 0.8rem;">View in PDC Tracker</a>
    </div>
    @endif

    <!-- Today's Company-wise Summary -->
    <div class="card" style="margin-bottom: 2rem; border-left: 4px solid var(--primary);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 1rem;">
            <h2 style="margin:0;">Today's Summary - {{ now()->format('d M Y') }}</h2>
            <span style="background: #E0E7FF; color: #4338CA; padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.75rem; font-weight: bold;">Real-time</span>
        </div>
        <table>
            <thead>
                <tr>
                    <th>Company Name</th>
                    <th style="text-align:center;">Cheques Issued Today</th>
                    <th style="text-align:right;">Total Amount (AED)</th>
                </tr>
            </thead>
            <tbody>
                @forelse($today_summary as $summary)
                <tr>
                    <td><strong>{{ $summary->company->name ?? 'N/A' }}</strong></td>
                    <td style="text-align:center;">{{ $summary->count }}</td>
                    <td style="text-align:right; font-weight:bold;">{{ number_format($summary->total, 2) }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="3" style="text-align: center; color: #9CA3AF; padding: 2rem;">No cheques issued for today.</td>
                </tr>
                @endforelse
            </tbody>
            @if($today_summary->count() > 0)
            <tfoot>
                <tr style="background: #F9FAFB; font-weight: bold;">
                    <td>TOTAL</td>
                    <td style="text-align:center;">{{ $today_summary->sum('count') }}</td>
                    <td style="text-align:right;">AED {{ number_format($today_summary->sum('total'), 2) }}</td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>

    <!-- Cheques Due Today List -->
    <div class="card" style="margin-bottom: 2rem; border-left: 4px solid #EF4444;">
        <h2 style="margin:0 0 1rem 0; color: #EF4444;">Cheques Due Today</h2>
        <table>
            <thead>
                <tr>
                    <th>Chq #</th>
                    <th>Company</th>
                    <th>Payee</th>
                    <th>Bank</th>
                    <th style="text-align:right;">Amount</th>
                    <th>Status</th>
                    <th style="text-align:right;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($cheques_due_today as $cheque)
                <tr>
                    <td>{{ $cheque->cheque_number }}</td>
                    <td>{{ $cheque->company->name ?? 'N/A' }}</td>
                    <td>{{ $cheque->payee->name }}</td>
                    <td>{{ $cheque->bank->name }}</td>
                    <td style="text-align:right; font-weight:bold;">{{ number_format($cheque->amount, 2) }}</td>
                    <td>
                        @php
                            $statusBg = match($cheque->status) {
                                'cleared' => '#DCFCE7',
                                'issued', 'released' => '#DBEAFE',
                                'in_hand' => '#FEF3C7',
                                'cancelled', 'bounced' => '#FEE2E2',
                                default => '#F3F4F6'
                            };
                            $statusColor = match($cheque->status) {
                                'cleared' => '#166534',
                                'issued', 'released' => '#1E40AF',
                                'in_hand' => '#92400E',
                                'cancelled', 'bounced' => '#991B1B',
                                default => '#4B5563'
                            };
                        @endphp
                        <span class="status-pill" style="background: {{ $statusBg }}; color: {{ $statusColor }};">
                            {{ str_replace('_', ' ', $cheque->status) }}
                        </span>
                    </td>
                    <td style="text-align:right;">
                        <a href="{{ route('cheques.show', $cheque->id) }}" style="color: var(--primary); text-decoration: none; font-weight:bold;">View</a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" style="text-align: center; color: #9CA3AF; padding: 2rem;">No cheques due today.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-bottom: 2.5rem;">
        <!-- Due Today Card -->
        <div class="card" style="padding: 1.5rem; border-left: 4px solid #EF4444; display: flex; align-items: center; gap: 1.25rem; transition: transform 0.2s; cursor: pointer;">
            <div style="background: #FEF2F2; padding: 0.75rem; border-radius: 0.75rem; color: #EF4444;">
                <svg style="width: 24px; height: 24px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
            </div>
            <div>
                <p style="margin: 0; font-size: 0.85rem; font-weight: bold; color: #64748B; text-transform: uppercase; letter-spacing: 0.025em;">Due Today ({{ $stats['due_today_count'] }})</p>
                <p style="margin: 0.25rem 0 0; font-size: 1.5rem; font-weight: 800; color: #1E293B;"><span style="font-size: 0.9rem; color: #94A3B8; font-weight: normal;">AED</span> {{ number_format($stats['due_today_amount'], 2) }}</p>
            </div>
        </div>

        <div class="card" style="padding: 1.5rem; border-left: 4px solid #4F46E5; display: flex; align-items: center; gap: 1.25rem; transition: transform 0.2s; cursor: pointer;" onclick="window.location='{{ route('cheques.index') }}'">
            <div style="background: #EEF2FF; padding: 0.75rem; border-radius: 0.75rem; color: #4F46E5;">
                <svg style="width: 24px; height: 24px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
            </div>
            <div>
                <p style="margin: 0; font-size: 0.85rem; font-weight: bold; color: #64748B; text-transform: uppercase; letter-spacing: 0.025em;">Total Cheques</p>
                <p style="margin: 0.25rem 0 0; font-size: 1.75rem; font-weight: 800; color: #1E293B;">{{ $stats['total_cheques'] }}</p>
            </div>
        </div>
        
        <div class="card" style="padding: 1.5rem; border-left: 4px solid #D97706; display: flex; align-items: center; gap: 1.25rem; transition: transform 0.2s; cursor: pointer;" onclick="window.location='{{ route('cheques.pdc') }}'">
            <div style="background: #FFFBEB; padding: 0.75rem; border-radius: 0.75rem; color: #D97706;">
                <svg style="width: 24px; height: 24px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
            </div>
            <div>
                <p style="margin: 0; font-size: 0.85rem; font-weight: bold; color: #64748B; text-transform: uppercase; letter-spacing: 0.025em;">PDC Volume</p>
                <p style="margin: 0.25rem 0 0; font-size: 1.75rem; font-weight: 800; color: #1E293B;"><span style="font-size: 1rem; color: #94A3B8; font-weight: normal;">AED</span> {{ number_format($stats['pending_amount'], 2) }}</p>
            </div>
        </div>

        <div class="card" style="padding: 1.5rem; border-left: 4px solid #059669; display: flex; align-items: center; gap: 1.25rem; transition: transform 0.2s; cursor: pointer;" onclick="window.location='{{ route('reports.index') }}'">
            <div style="background: #ECFDF5; padding: 0.75rem; border-radius: 0.75rem; color: #059669;">
                <svg style="width: 24px; height: 24px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0h2a2 2 0 002-2v-2a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg>
            </div>
            <div>
                <p style="margin: 0; font-size: 0.85rem; font-weight: bold; color: #64748B; text-transform: uppercase; letter-spacing: 0.025em;">Cleared Amount</p>
                <p style="margin: 0.25rem 0 0; font-size: 1.75rem; font-weight: 800; color: #1E293B;"><span style="font-size: 1rem; color: #94A3B8; font-weight: normal;">AED</span> {{ number_format($stats['cleared_amount'], 2) }}</p>
            </div>
        </div>
    </div>

    <div class="card" style="border-left: 4px solid #4F46E5;">
        <h2 style="margin:0 0 1.5rem 0;">Recent Activity</h2>
        <table>
            <thead>
                <tr>
                    <th>Chq #</th>
                    <th>Company</th>
                    <th>Date</th>
                    <th>Payee</th>
                    <th>Bank</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($recent_cheques as $cheque)
                <tr>
                    <td>{{ $cheque->cheque_number }}</td>
                    <td>{{ $cheque->company->name ?? 'N/A' }}</td>
                    <td>{{ $cheque->cheque_date ? $cheque->cheque_date->format('d M Y') : 'N/A' }}</td>
                    <td>{{ $cheque->payee->name }}</td>
                    <td>{{ $cheque->bank->name }}</td>
                    <td>{{ $cheque->amount ? 'AED ' . number_format($cheque->amount, 2) : 'N/A' }}</td>
                    <td>
                        @php
                            $statusBg = match($cheque->status) {
                                'cleared' => '#DCFCE7',
                                'issued', 'released' => '#DBEAFE',
                                'in_hand' => '#FEF3C7',
                                'cancelled', 'bounced' => '#FEE2E2',
                                default => '#F3F4F6'
                            };
                            $statusColor = match($cheque->status) {
                                'cleared' => '#166534',
                                'issued', 'released' => '#1E40AF',
                                'in_hand' => '#92400E',
                                'cancelled', 'bounced' => '#991B1B',
                                default => '#4B5563'
                            };
                        @endphp
                        <span class="status-pill" style="background: {{ $statusBg }}; color: {{ $statusColor }};">
                            {{ str_replace('_', ' ', $cheque->status) }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('cheques.show', $cheque->id) }}" style="color: var(--primary); text-decoration: none; font-weight: 700;">View</a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" style="text-align: center; color: #6B7280;">No recent cheques found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection