@extends('layouts.app')

@section('content')
<div style="margin-top: 2rem;">
    <div style="display:flex; align-items:center; gap: 1.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid #eee; padding-bottom: 1.5rem;">
        <div style="background: #ECFDF5; padding: 0.75rem; border-radius: 50%; color: #059669;">
            <svg style="width: 32px; height: 32px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg>
        </div>
        <div style="flex-grow: 1;">
            <h1 style="margin:0;">{{ $company->name }}</h1>
            <p style="margin:0.2rem 0 0; color: #64748b; font-size: 0.95rem;">Transactional statement and issuance history for this entity.</p>
        </div>
        <div style="display:flex; gap: 0.75rem;">
             <a href="{{ request()->fullUrlWithQuery(['export' => 'pdf']) }}" class="btn" style="background: #10B981; padding: 0.65rem 1.25rem;">Download Statement</a>
             <a href="{{ route('settings.index') }}" class="btn" style="background: #64748B; padding: 0.65rem 1.25rem;">Back to Settings</a>
        </div>
    </div>

    <!-- Stats Summary -->
    <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;">
        <div class="card" style="padding:1rem; text-align:center; border-left: 5px solid #4F46E5;">
            <p style="color: #6B7280; font-size: 0.75rem; font-weight:bold; text-transform:uppercase;">Total Volume</p>
            <h2 style="font-size: 1.5rem; margin-top:0.25rem;">AED {{ number_format($cheques->sum('amount'), 2) }}</h2>
        </div>
        <div class="card" style="padding:1rem; text-align:center; border-left: 5px solid #10B981;">
            <p style="color: #6B7280; font-size: 0.75rem; font-weight:bold; text-transform:uppercase;">Transaction Count</p>
            <h2 style="font-size: 1.5rem; margin-top:0.25rem;">{{ $cheques->count() }}</h2>
        </div>
    </div>

    <div class="card" style="margin-bottom: 1rem; padding: 1rem;">
        <form action="{{ route('companies.show', $company->id) }}" method="GET" style="display: flex; align-items: center; gap: 1rem;">
            <label for="filter_status" style="font-weight: bold; white-space: nowrap;">Filter by Status:</label>
            <select name="status" id="filter_status" style="padding: 0.4rem; border: 1px solid #ddd; border-radius: 4px;">
                <option value="">All Transactions</option>
                @foreach(['draft', 'issued', 'in_hand', 'released', 'cleared', 'bounced', 'cancelled'] as $st)
                    <option value="{{ $st }}" {{ request('status') == $st ? 'selected' : '' }}>
                        {{ ucfirst(str_replace('_', ' ', $st)) }}
                    </option>
                @endforeach
            </select>
            <button type="submit" class="btn" style="padding: 0.4rem 1rem;">Apply</button>
            @if(request('status'))
                <a href="{{ route('companies.show', $company->id) }}" style="color: gray; text-decoration: none; font-size: 0.9rem;">Clear</a>
            @endif
        </form>
    </div>

    <div class="card">
        <table>
            <thead>
                <tr>
                    <th>Chq #</th>
                    <th>Payee</th>
                    <th>Bank</th>
                    <th>Date</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($cheques as $cheque)
                @php
                    $statusColor = match($cheque->status) {
                        'cleared' => '#10B981', 
                        'issued', 'released' => '#3B82F6',
                        'in_hand' => '#F59E0B',
                        'cancelled', 'bounced' => '#EF4444',
                        default => '#6B7280'
                    };
                @endphp
                <tr>
                    <td><strong>{{ $cheque->cheque_number }}</strong></td>
                    <td>{{ $cheque->payee->name }}</td>
                    <td>{{ $cheque->bank->name }}</td>
                    <td>{{ $cheque->cheque_date->format('d M Y') }}</td>
                    <td style="font-weight: bold;">{{ number_format($cheque->amount, 2) }}</td>
                    <td>
                        <span style="background: {{ $statusColor }}; color: white; padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.7rem; font-weight: bold;">
                            {{ ucfirst(str_replace('_', ' ', $cheque->status)) }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('cheques.show', $cheque->id) }}" style="color: blue; text-decoration: none;">View</a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" style="text-align:center; padding:2rem; color:#6B7280;">No transactions found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection