@extends('layouts.app')

@section('content')
<style>
    .table-container {
        max-height: 600px;
        overflow-y: auto;
        margin-top: 15px;
    }

    thead th {
        position: sticky;
        top: 0;
        background-color: #f8f9fa;
        z-index: 2;
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align: center;
    }

    /* Apply font size 9pt to detail section */
    tbody td {
        font-size: 9pt;
    }

    /* Print styling */
    @media print {
        .no-print {
            display: none !important;
        }

        .table-container {
            max-height: none !important;
            overflow: visible !important;
        }

        @page {
            size: A4 portrait;
            margin: 10mm;
        }

        thead {
            display: table-header-group;
        }

        tfoot {
            display: table-footer-group;
        }
    }
</style>

<div class="container">
    <div class="d-flex justify-content-between mb-3 no-print">
        <a href="{{ route('site-report.index') }}" class="btn btn-secondary">Back</a>
        <button onclick="window.print()" class="btn btn-primary">Print</button>
    </div>

    <h2 class="text-center">Site Report</h2>

    @if(count($data) > 0)
        <div class="text-center mb-3">
            <h4><strong>Company:</strong> {{ $data[0]->Company }}</h4>
            <h5><strong>Site:</strong> {{ $site }}</h5>
            <h6><strong>Date Period:</strong> {{ $data[0]->DateHeading }}</h6>
        </div>

        <div class="table-container">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th style="width: 130px;">Voucher Date</th>
                        <th class="text-center">Voucher#</th>
                        <th class="text-right">Amount</th>
                        <th>Remarks</th>
                        <th>Account Name</th>
<th>Petty Cash/Bank</th>
                    </tr>
                </thead>
                <tbody>
                    @php $totalAmountPaid = 0; @endphp
                    @foreach ($data as $row)
                        @php $totalAmountPaid += $row->AmountPaid; @endphp
                        <tr>
                            <td>{{ \Carbon\Carbon::parse($row->VoucherDate)->format('d-m-Y') }}</td>
                            <td class="text-center">{{ $row->Voucher_ID }}</td>
                            <td class="text-right">{{ number_format($row->AmountPaid) }}</td>
                            <td>{{ $row->Remarks }}</td>
                            <td>{{ $row->AccountName }}</td>
<td>{{ $row->PettyCashAccount }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="2" class="text-right">Grand Total:</th>
                        <th class="text-right">{{ number_format($totalAmountPaid) }}</th>
                        <th colspan="2"></th>
                    </tr>
                </tfoot>
            </table>
        </div>
    @else
        <p>No records found for the selected criteria.</p>
    @endif
</div>
@endsection