@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;
    }

    /* Hide buttons during printing */
    @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>Site Report</h2>
    <p><strong>From:</strong> {{ $fromDate }} | <strong>To:</strong> {{ $toDate }} | <strong>Site:</strong> {{ $site }}</p>

    @if(count($data) > 0)
        <div class="table-container">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Voucher Date</th>
                        <th>Company</th>
                        <th>Date Heading</th>
                        <th>Voucher ID</th>
                        <th>Voucher Type</th>
                        <th>Entry Type</th>
                        <th>Amount Paid</th>
                        <th>Remarks</th>
                        <th>Account Name</th>
                        <th>Petty Cash Account</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($data as $row)
                    <tr>
                        <td>{{ $row->Voucher_Date }}</td>
                        <td>{{ $row->Company }}</td>
                        <td>{{ $row->DateHeading }}</td>
                        <td>{{ $row->Voucher_ID }}</td>
                        <td>{{ $row->Voucher_Type }}</td>
                        <td>{{ $row->entryType }}</td>
                        <td>{{ number_format($row->AmountPaid) }}</td>
                        <td>{{ $row->Remarks }}</td>
                        <td>{{ $row->AccountName }}</td>
                        <td>{{ $row->PettyCashAccount }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <p>No records found for the selected criteria.</p>
    @endif
</div>
@endsection