@extends('layouts.app')

@section('title', 'Statement of Cash Flows')

@section('content')
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">Reports</a></li>
    <li class="breadcrumb-item active" aria-current="page">Cash Flow</li>
  </ol>
</nav>

<div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-body p-4">
        <form action="{{ route('reports.cash_flow') }}" method="GET" class="row g-3 align-items-end">
            <div class="col-md-4">
                <label class="form-label small fw-bold text-muted text-uppercase">From Date</label>
                <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
            </div>
            <div class="col-md-4">
                <label class="form-label small fw-bold text-muted text-uppercase">To Date</label>
                <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
            </div>
            <div class="col-md-4">
                <button type="submit" class="btn btn-primary w-100">Run Report</button>
            </div>
        </form>
    </div>
</div>

<div class="card border-0 shadow rounded-4 overflow-hidden mb-5">
    <div class="card-header bg-white p-5 border-0 text-center">
        <h2 class="fw-bold mb-1 text-primary">Statement of Cash Flows</h2>
        <p class="text-muted mb-0">From {{ date('d M Y', strtotime($startDate)) }} to {{ date('d M Y', strtotime($endDate)) }}</p>
    </div>
    
    <div class="card-body p-5 pt-0">
        <div class="table-responsive">
            <table class="table table-borderless align-middle">
                <thead>
                    <tr class="border-bottom">
                        <th class="ps-0 py-3 text-muted small fw-bold text-uppercase">Cash Flow Items</th>
                        <th class="text-end pe-0 py-3 text-muted small fw-bold text-uppercase">Total Amount</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Cash Inflow -->
                    <tr>
                        <td class="ps-0 py-3 fw-bold h5 text-success">Cash Inflow (Payments Received)</td>
                        <td class="text-end pe-0 py-3 fw-bold h5 text-success"></td>
                    </tr>
                    @forelse($paymentsReceived as $payment)
                    <tr>
                        <td class="ps-4 py-2">
                            <span class="text-muted small d-block">{{ $payment->payment_date }}</span>
                            {{ $payment->customer->name }} - {{ $payment->payment_number }} (Invoice: {{ $payment->invoice->invoice_number }})
                        </td>
                        <td class="text-end pe-0 py-2">{{ formatCurrency($payment->amount) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="2" class="ps-4 py-2 text-muted small italic">No payments received in this period.</td>
                    </tr>
                    @endforelse
                    <tr class="border-bottom">
                        <td class="ps-0 py-3 fw-bold">Total Cash Inflow</td>
                        <td class="text-end pe-0 py-3 fw-bold">{{ formatCurrency($totalReceived) }}</td>
                    </tr>

                    <!-- Cash Outflow -->
                    <tr>
                        <td class="ps-0 py-3 fw-bold h5 text-danger mt-4 d-block">Cash Outflow (Payments Made)</td>
                        <td class="text-end pe-0 py-3 fw-bold h5 text-danger"></td>
                    </tr>
                    @forelse($paymentsMade as $payment)
                    <tr>
                        <td class="ps-4 py-2">
                            <span class="text-muted small d-block">{{ $payment->payment_date }}</span>
                            {{ $payment->vendor->name }} - {{ $payment->payment_number }} (Bill: {{ $payment->bill->bill_number }})
                        </td>
                        <td class="text-end pe-0 py-2">{{ formatCurrency($payment->amount) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="2" class="ps-4 py-2 text-muted small italic">No payments made in this period.</td>
                    </tr>
                    @endforelse
                    <tr class="border-bottom">
                        <td class="ps-0 py-3 fw-bold">Total Cash Outflow</td>
                        <td class="text-end pe-0 py-3 fw-bold">{{ formatCurrency($totalPaid) }}</td>
                    </tr>

                    <!-- Net Cash Flow -->
                    <tr class="bg-light">
                        <td class="ps-3 py-4 fw-bold h4 mb-0">NET CASH FLOW</td>
                        <td class="text-end pe-3 py-4 fw-bold h4 mb-0 {{ $netCashFlow >= 0 ? 'text-success' : 'text-danger' }}">
                            {{ formatCurrency($netCashFlow) }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="mt-5 p-4 bg-light rounded-4 text-center d-print-none">
            <button onclick="window.print()" class="btn btn-outline-secondary btn-sm px-4 rounded-pill">
                <i class="fas fa-print me-2"></i> Print Report
            </button>
        </div>
    </div>
</div>

<style>
@media print {
    body { background: white; }
    .navbar, .d-print-none, .breadcrumb, form { display: none !important; }
    #sidebar-wrapper { display: none !important; }
    #page-content-wrapper { padding-left: 0 !important; width: 100% !important; }
    .card { border: none !important; box-shadow: none !important; }
    .card-body { padding: 0 !important; }
}
</style>
@endsection