@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">Machinery Ledger</h4>
                <small class="text-muted">Timesheets (Debit), Fuel (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="machinery_id" class="form-select">
                    <option value="">All Machinery</option>
                    @foreach ($machineries as $m)
                        <option value="{{ $m->id }}" {{ (string) $machineryId === (string) $m->id ? 'selected' : '' }}>
                            {{ $m->name }} @if ($m->type)
                                ({{ $m->type }})
                            @endif
                        </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">

            {{-- Compact title row (prints too) --}}
            <div class="d-flex justify-content-between align-items-end mb-2">
                <div>
                    <h5 class="mb-0">Machinery Ledger</h5>
                    @php $activeMach = $machineries->firstWhere('id', $machineryId); @endphp
                    <small class="text-muted">
                        Machinery: {{ optional($activeMach)->name ?? 'All' }}
                        @if (optional($activeMach)->type)
                            ({{ optional($activeMach)->type }})
                        @endif
                        &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 machinery --}}
            @if ($summary->isNotEmpty())
                <div class="table-responsive mb-3">
                    <table class="table table-sm table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th>Machinery</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 $mid => $s)
                                <tr>
                                    <td>{{ optional($machineries->firstWhere('id', $mid))->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 style="width:110px;">Date</th>
                            <th>Machinery</th>
                            <th style="width:120px;">Type</th>
                            <th class="text-end" style="width:140px;">Debit</th>
                            <th class="text-end" style="width:140px;">Credit</th>
                            <th class="text-end" style="width:160px;">Running Balance</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($rows as $r)
                            <tr>
                                <td>{{ $r->date ? \Carbon\Carbon::parse($r->date)->format('Y-m-d') : '—' }}</td>
                                <td>{{ optional($machineries->firstWhere('id', $r->machinery))->name }}</td>
                                <td>
                                    @if ($r->type === 'timesheet')
                                        <span class="badge bg-primary">Timesheet</span>
                                    @else
                                        <span class="badge bg-success">Fuel</span>
                                    @endif
                                </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="6" class="text-center text-muted">No data for the selected filters.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

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

    </div>

    {{-- PRINT CSS (A4 landscape, print only .print-area) --}}
    <style>
        .no-print {
            display: block;
        }

        .only-print {
            display: none;
        }

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

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

            /* Print ONLY the report */
            body * {
                visibility: hidden !important;
            }

            .print-area,
            .print-area * {
                visibility: visible !important;
            }

            .print-area {
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
            }

            .no-print,
            .btn,
            a.btn,
            form,
            .alert {
                display: none !important;
            }

            table {
                width: 100% !important;
                border-collapse: collapse !important;
            }

            thead {
                display: table-header-group;
            }

            tfoot {
                display: table-footer-group;
            }

            tr,
            td,
            th {
                page-break-inside: avoid;
            }

            .table-responsive {
                overflow: visible !important;
            }

            .badge,
            .table-light th {
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }

            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() {
                var mach = @json(optional($machineries->firstWhere('id', $machineryId))->name ?? 'All');
                var from = @json($from ?: '—');
                var to = @json($to ?: '—');

                var prevTitle = document.title;
                document.title = 'Machinery Ledger - ' + mach + ' [' + from + ' to ' + to + ']';

                window.print();

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