@extends('admin.layout.app')

@section('body')
    <div class="container py-4">

        {{-- Screen-only toolbar --}}
        <div class="d-flex justify-content-between align-items-center mb-3 no-print">
            <div>
                <h4 class="mb-0">Laborer Ledger</h4>
                <small class="text-muted">Timesheets (Debit), Payments & Expenses (Credit), with running balance</small>
            </div>
            <div class="d-flex gap-2">
                <button type="button" id="print-btn" class="btn btn-outline-dark">
                    <i class="fa-solid fa-print me-1"></i> Print
                </button>
                <a href="{{ url()->previous() }}" class="btn btn-outline-secondary">Back</a>
            </div>
        </div>

        {{-- Filters (screen only) --}}
        <form class="row g-2 mb-4 no-print" method="GET">
            <div class="col-auto">
                <select name="laborer_id" class="form-select">
                    <option value="">All Laborers</option>
                    @foreach ($laborers as $l)
                        <option value="{{ $l->id }}" {{ (string) $laborerId === (string) $l->id ? 'selected' : '' }}>
                            {{ $l->name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto">
                <input type="date" class="form-control" name="from" value="{{ $from }}">
            </div>
            <div class="col-auto">
                <input type="date" class="form-control" name="to" value="{{ $to }}">
            </div>
            <div class="col-auto">
                <button class="btn btn-primary">Filter</button>
            </div>
        </form>

        {{-- ===================== PRINT AREA START ===================== --}}
        <div class="print-area">

            {{-- Optional: a compact title row that also prints (kept minimal) --}}
            <div class="d-flex justify-content-between align-items-end mb-2">
                <div>
                    <h5 class="mb-0">Laborer Ledger</h5>
                    @php $activeLab = $laborers->firstWhere('id', $laborerId); @endphp
                    <small class="text-muted">
                        Laborer: {{ optional($activeLab)->name ?? 'All' }}
                        &nbsp;|&nbsp; From: {{ $from ?: '—' }}
                        &nbsp;|&nbsp; To: {{ $to ?: '—' }}
                    </small>
                </div>
                <div class="text-muted small no-print">
                    Generated: {{ \Carbon\Carbon::now()->format('Y-m-d H:i') }}
                </div>
            </div>

            {{-- Summary per laborer --}}
            @if ($summary->isNotEmpty())
                <div class="table-responsive mb-3">
                    <table class="table table-sm table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th>Laborer</th>
                                <th class="text-end">Total Debit</th>
                                <th class="text-end">Total Credit</th>
                                <th class="text-end">Balance</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($summary as $lid => $s)
                                <tr>
                                    <td>{{ optional($laborers->firstWhere('id', $lid))->name ?? '#' }}</td>
                                    <td class="text-end">{{ number_format($s['debit'], 2) }}</td>
                                    <td class="text-end">{{ number_format($s['credit'], 2) }}</td>
                                    <td class="text-end fw-semibold {{ $s['balance'] >= 0 ? 'text-success' : 'text-danger' }}">
                                        {{ number_format($s['balance'], 2) }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif

            {{-- Main table --}}
            <div class="table-responsive">
                <table class="table table-striped align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Date</th>
                            <th>Laborer</th>
                            <th>Type</th>
                            <th>Description</th>
                            <th class="text-end">Debit</th>
                            <th class="text-end">Credit</th>
                            <th class="text-end">Running Balance</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($rows as $r)
                            <tr>
                                <td>{{ \Carbon\Carbon::parse($r->entry_date)->format('Y-m-d') }}</td>
                                <td>{{ optional($laborers->firstWhere('id', $r->laborer_id))->name }}</td>
                                <td>
                                    @if ($r->entry_type === 'Timesheet')
                                        <span class="badge bg-primary">Timesheet</span>
                                    @elseif ($r->entry_type === 'Payment')
                                        <span class="badge bg-success">Payment</span>
                                    @else
                                        <span class="badge bg-info text-dark">Expense</span>
                                    @endif
                                </td>
                                <td>{{ $r->description }}</td>
                                <td class="text-end">{{ $r->debit ? number_format($r->debit, 2) : '' }}</td>
                                <td class="text-end">{{ $r->credit ? number_format($r->credit, 2) : '' }}</td>
                                <td class="text-end fw-semibold {{ $r->balance >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ number_format($r->balance, 2) }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">No data for the selected filters.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

        </div>
        {{-- ===================== PRINT AREA END ===================== --}}

    </div>

    {{-- PRINT CSS --}}
    <style>
        /* Screen helpers */
        .no-print { display: block; }
        .only-print { display: none; }

        /* Slightly tighter rows on screen too */
        table.table tr td, table.table tr th { padding: .55rem .6rem; }

        @media print {
            /* A4 Landscape */
            @page {
                size: A4 landscape;
                margin: 12mm;
            }

            /* Print ONLY the report (print-area) */
            body * { visibility: hidden !important; }
            .print-area, .print-area * { visibility: visible !important; }

            /* Place report at the top-left for printing */
            .print-area {
                position: fixed;
                left: 0; top: 0; right: 0;
            }

            /* Hide toolbars, forms, buttons, alerts, etc. */
            .no-print, .btn, a.btn, form, .alert { display: none !important; }

            /* Tables behave well across pages */
            table { width: 100% !important; border-collapse: collapse !important; }
            thead { display: table-header-group; }  /* repeat header each page */
            tfoot { display: table-footer-group; }
            tr, td, th { page-break-inside: avoid; }
            .table-responsive { overflow: visible !important; }

            /* Keep colors for badges and header */
            .badge, .table-light th {
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }

            /* Compact font for more rows per page */
            body { font-size: 11px; }
            .table td, .table th { padding: 6px 8px !important; }
        }
    </style>
@endsection

@section('scripts')
<script>
  (function() {
    var btn = document.getElementById('print-btn');
    if (!btn) return;

    btn.addEventListener('click', function () {
      // Optional: set a nicer document title during print (PHP 7.4-safe)
      var laborer = @json(optional($laborers->firstWhere('id', $laborerId))->name ?? 'All');
      var from    = @json($from ?: '—');
      var to      = @json($to   ?: '—');

      var prevTitle = document.title;
      document.title = 'Laborer Ledger - ' + laborer + ' [' + from + ' to ' + to + ']';

      window.print();

      setTimeout(function(){ document.title = prevTitle; }, 250);
    });
  })();
</script>
@endsection