@extends('admin.layout.app')

@section('body')

    @php
        // ---- Relations fallback ----
        $expenses = $laborer->laborExpenses ?? ($laborer->expenses ?? collect());
        $payments = $laborer->payments ?? collect();
        $timesheets = $laborer->timesheets ?? collect();

        // ---- Manual expenses total ----
        $manualExpensesTotal = (float) $expenses->sum('amount');

        // ---- Timesheets totals (regular + overtime) ----
        $timesheetsRegularTotal = 0.0;
        $timesheetsOvertimeTotal = 0.0;
        $sumHours = 0.0;
        $sumOtHours = 0.0;

        foreach ($timesheets as $t) {
            $hw = (float) ($t->hours_worked ?? 0);
            $hr = (float) ($t->hourly_rate ?? ($laborer->hourly_wage ?? 0));
            $regTotal = isset($t->total_regular) ? (float) $t->total_regular : $hw * $hr;

            $otH = (float) ($t->overtime_hours ?? 0);
            $fallbackHourly = $hr ?: ((float) ($laborer->hourly_wage ?? 0));
            $computedOtRate = $fallbackHourly > 0 ? $fallbackHourly * 1.5 : 0;
            $otR = (float) ($t->overtime_rate ?? ($laborer->overtime_rate ?? $computedOtRate));
            $otTotal = isset($t->overtime_total) ? (float) $t->overtime_total : $otH * $otR;

            $sumHours += $hw;
            $sumOtHours += $otH;
            $timesheetsRegularTotal += $regTotal;
            $timesheetsOvertimeTotal += $otTotal;
        }

        $timesheetsTotal = $timesheetsRegularTotal + $timesheetsOvertimeTotal;

        // ---- Payments total ----
        $totalPayments = (float) $payments->sum('amount');

        // ---- Grand (Net Work Cost before payments): timesheets - manual expenses ----
        $grandExpenses = $timesheetsTotal - $manualExpensesTotal;

        // ---- Balance (positive => payable to laborer; negative => overpaid) ----
        $balance = $grandExpenses - $totalPayments;
    @endphp

    <div class="card card-page p-4 shadow-sm" id="printableArea" style="max-width:1000px; margin:auto;">

        {{-- Alerts --}}
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        {{-- Header --}}
        <div class="mb-3">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                <div class="d-flex align-items-center gap-3">
                    {{-- که لوگو له بل ډومېنه راځي، CORS ته پام وکړئ --}}
                    <img src="{{ asset('assetss/images/logo.png') }}" alt="Company Logo" style="height: 70px;" crossorigin="anonymous">
                    <div>
                        <h4 class="mb-0">SANAULLAH MUHAMMAD TECHNICAL SERVICES L.L.C</h4>
                        <small class="text-muted">Laborer Statement — Time Sheets, Expenses & Payments</small>
                    </div>
                </div>
                <div class="text-md-end">
                    <div id="barcodeTarget" class="d-inline-block"></div>
                    <div class="small text-muted mt-1">Laborer ID: {{ $laborer->id }}</div>
                </div>
            </div>
            <hr class="mt-3">
        </div>

        {{-- Laborer Info + Summary --}}
        <div class="row g-3 mb-3">
            <div class="col-md-8">
                <div class="d-flex align-items-center gap-2 mb-1">
                    <h5 class="mb-0">{{ $laborer->name }}</h5>
                    <span class="badge bg-light text-dark border">CNIC/Passport: {{ $laborer->cnic_passport ?? '—' }}</span>
                    <span class="badge bg-light text-dark border">Phone: {{ $laborer->phone ?? '—' }}</span>
                </div>
                <div class="small text-muted mb-1">
                    @if (!is_null($laborer->hourly_wage))
                        Hourly: <strong>{{ number_format($laborer->hourly_wage, 2) }}</strong>
                    @endif
                    @if (!is_null($laborer->overtime_rate))
                        &nbsp;•&nbsp; OT Rate: <strong>{{ number_format($laborer->overtime_rate, 2) }}</strong>
                    @endif
                </div>
                <div class="small text-muted">
                    Created: {{ optional($laborer->created_at)->toDayDateTimeString() ?? '—' }}
                </div>
            </div>
            <div class="col-md-4">
                <div class="border rounded p-2">
                    <div class="d-flex justify-content-between"><span>Manual Expenses</span><strong>{{ number_format($manualExpensesTotal, 2) }}</strong></div>
                    <div class="d-flex justify-content-between"><span>Timesheets (Regular)</span><strong>{{ number_format($timesheetsRegularTotal, 2) }}</strong></div>
                    <div class="d-flex justify-content-between"><span>Timesheets (Overtime)</span><strong>{{ number_format($timesheetsOvertimeTotal, 2) }}</strong></div>
                    <hr class="my-2">
                    <div class="d-flex justify-content-between"><span>Net Work Cost</span><strong>{{ number_format($grandExpenses, 2) }}</strong></div>
                    <div class="d-flex justify-content-between"><span>Payments</span><strong>{{ number_format($totalPayments, 2) }}</strong></div>
                    <div class="d-flex justify-content-between">
                        <span class="fw-bold">Balance</span>
                        <strong class="{{ $balance > 0 ? 'text-success' : ($balance < 0 ? 'text-danger' : '') }}">
                            {{ number_format($balance, 2) }}
                        </strong>
                    </div>
                    <small class="text-muted d-block mt-1">
                        @if ($balance > 0)
                            Payable to Laborer
                        @elseif($balance < 0)
                            Advance / Overpaid
                        @else
                            Settled (0.00)
                        @endif
                    </small>
                </div>
            </div>
        </div>

        {{-- Time Sheets --}}
        <div class="d-flex align-items-center justify-content-between mb-1">
            <h6 class="mb-0">Time Sheets</h6>
            @if (!$timesheets->isEmpty())
                <small class="text-muted">
                    Total Hours: <strong>{{ number_format($sumHours, 2) }}</strong> •
                    OT Hours: <strong>{{ number_format($sumOtHours, 2) }}</strong> •
                    Amount: <strong>{{ number_format($timesheetsTotal, 2) }}</strong>
                </small>
            @endif
        </div>

        @if ($timesheets->isEmpty())
            <p class="text-muted">No timesheets.</p>
        @else
            <div class="table-responsive mb-3">
                <table class="table table-sm table-bordered align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width:110px;">Date</th>
                            <th class="text-end" style="width:110px;">Hours</th>
                            <th class="text-end" style="width:120px;">Hourly Rate</th>
                            <th class="text-end" style="width:130px;">Regular Total</th>
                            <th class="text-end" style="width:110px;">OT Hours</th>
                            <th class="text-end" style="width:120px;">OT Rate</th>
                            <th class="text-end" style="width:130px;">OT Total</th>
                            <th class="text-end" style="width:140px;">Row Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($timesheets as $t)
                            @php
                                $date =
                                    optional($t->work_date ?? ($t->date ?? null))->format('Y-m-d') ??
                                    (optional($t->created_at)->format('Y-m-d') ?? '—');

                                $hw = (float) ($t->hours_worked ?? 0);
                                $hr = (float) ($t->hourly_rate ?? ($laborer->hourly_wage ?? 0));
                                $regTotal = isset($t->total_regular) ? (float) $t->total_regular : $hw * $hr;

                                $otH = (float) ($t->overtime_hours ?? 0);
                                $computedOtRate = $hr > 0 ? $hr * 1.5 : 0;
                                $otR = (float) ($t->overtime_rate ?? ($laborer->overtime_rate ?? $computedOtRate));
                                $otTotal = isset($t->overtime_total) ? (float) $t->overtime_total : $otH * $otR;

                                $rowTotal = $regTotal + $otTotal;
                            @endphp
                            <tr>
                                <td>{{ $date }}</td>
                                <td class="text-end">{{ number_format($hw, 2) }}</td>
                                <td class="text-end">{{ number_format($hr, 2) }}</td>
                                <td class="text-end">{{ number_format($regTotal, 2) }}</td>
                                <td class="text-end">{{ number_format($otH, 2) }}</td>
                                <td class="text-end">{{ number_format($otR, 2) }}</td>
                                <td class="text-end">{{ number_format($otTotal, 2) }}</td>
                                <td class="text-end">{{ number_format($rowTotal, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="fw-semibold">
                            <td colspan="1" class="text-end">Totals:</td>
                            <td class="text-end">{{ number_format($sumHours, 2) }}</td>
                            <td></td>
                            <td class="text-end">{{ number_format($timesheetsRegularTotal, 2) }}</td>
                            <td class="text-end">{{ number_format($sumOtHours, 2) }}</td>
                            <td></td>
                            <td class="text-end">{{ number_format($timesheetsOvertimeTotal, 2) }}</td>
                            <td class="text-end">{{ number_format($timesheetsTotal, 2) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        @endif

        {{-- Manual Expenses --}}
        <h6 class="mb-2">Manual Expenses</h6>
        @if ($expenses->isEmpty())
            <p class="text-muted">No manual expenses.</p>
        @else
            <div class="table-responsive mb-3">
                <table class="table table-sm table-bordered align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width:120px;">Date</th>
                            <th>Description</th>
                            <th class="text-end" style="width:150px;">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($expenses as $e)
                            <tr>
                                <td>{{ optional($e->spent_at ?? ($e->date ?? null))->format('Y-m-d') ?? '—' }}</td>
                                <td>{{ $e->description ?? '—' }}</td>
                                <td class="text-end">{{ number_format($e->amount ?? 0, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="fw-semibold">
                            <td colspan="2" class="text-end">Manual Expenses Total</td>
                            <td class="text-end">{{ number_format($manualExpensesTotal, 2) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        @endif

        {{-- Payments --}}
        <h6 class="mb-2">Payments</h6>
        @if ($payments->isEmpty())
            <p class="text-muted">No payments.</p>
        @else
            <div class="table-responsive mb-2">
                <table class="table table-sm table-bordered align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width:120px;">Paid At</th>
                            <th>Method</th>
                            <th class="text-end" style="width:150px;">Amount</th>
                            <th>Note/Ref</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($payments as $p)
                            <tr>
                                <td>{{ optional($p->paid_at)->format('Y-m-d') ?? '—' }}</td>
                                <td>{{ $p->method ?? '—' }}</td>
                                <td class="text-end">{{ number_format($p->amount ?? 0, 2) }}</td>
                                <td>{{ $p->notes ?? ($p->reference ?? '—') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="fw-semibold">
                            <td colspan="2" class="text-end">Payments Total</td>
                            <td class="text-end">{{ number_format($totalPayments, 2) }}</td>
                            <td></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        @endif

        {{-- Totals strip --}}
        <div class="border rounded p-2 bg-light d-flex flex-wrap gap-3 justify-content-between">
            <div>Work Amount: <strong>{{ number_format($timesheetsTotal, 2) }}</strong></div>
            <div>Manual Expenses: <strong>{{ number_format($manualExpensesTotal, 2) }}</strong></div>
            <div>Net Work Cost: <strong>{{ number_format($grandExpenses, 2) }}</strong></div>
            <div>Payments: <strong>{{ number_format($totalPayments, 2) }}</strong></div>
            <div>Balance:
                <strong class="{{ $balance > 0 ? 'text-success' : ($balance < 0 ? 'text-danger' : '') }}">
                    {{ number_format($balance, 2) }}
                </strong>
            </div>
        </div>

        {{-- Signatures --}}
        <div class="row mt-4">
            <div class="col-md-6 text-center">
                <div style="height:80px;border-bottom:1px solid #333;"></div>
                <div class="mt-2 small">Finance Signature</div>
            </div>
            <div class="col-md-6 text-center">
                <div style="height:80px;border-bottom:1px solid #333;"></div>
                <div class="mt-2 small">Laborer Signature</div>
            </div>
        </div>

        {{-- Footer --}}
        <div class="text-center mt-4">
            <hr>
            <p class="mb-0">Thank you for your work.</p>
            <p class="mb-0">{{ date('Y') }} SANAULLAH MUHAMMAD TECHNICAL SERVICES L.L.C</p>
        </div>
    </div>

    {{-- Print & Actions --}}
    <div class="text-center my-3 no-print">
        <button class="btn btn-dark" onclick="printSlip()"><i class="fas fa-print"></i> Print Slip</button>

        <button class="btn btn-primary" onclick="downloadPdf()">
            <i class="fas fa-file-download"></i> Download PDF
        </button>

        <button class="btn btn-success" onclick="sharePdf()">
            <i class="fab fa-whatsapp"></i> Share
        </button>
    </div>

    {{-- scripts --}}
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="{{ asset('js/jquery-barcode.min.js') }}"></script>
    {{-- html2pdf.js (frontend-only PDF) --}}
    <script src="https://cdn.jsdelivr.net/npm/html2pdf.js@0.10.1/dist/html2pdf.bundle.min.js"></script>

    <script>
        // Barcode init
        $(function() {
            $("#barcodeTarget").barcode(
                "{{ $laborer->id }}",
                "code128", {
                    barWidth: 2,
                    barHeight: 50,
                    output: "svg"
                }
            );
        });

        // Clean print
        function printSlip() {
            const printContents = document.getElementById('printableArea').innerHTML;
            const win = window.open('', '', 'height=900,width=800');
            win.document.write('<html><head><title>Print</title>');
            win.document.write(`<style>
            @page { size: A4; margin: 12mm; }
            body{font-family:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans"; margin:0; padding:0;}
            .table{width:100%;border-collapse:collapse}
            .table th,.table td{border:1px solid #ccc;padding:6px;font-size:12px}
            .table th{background:#f8f9fa}
            .text-end{text-align:right}
            img{max-height:80px}
            h4,h5,h6{margin:6px 0}
            .no-print{display:none !important}
            .card-page{margin-top:0}
        </style>`);
            win.document.write('</head><body>');
            win.document.write(printContents);
            win.document.write('</body></html>');
            win.document.close();
            win.focus();
            win.print();
            win.close();
        }

        // Shared PDF options
        function pdfOptions(filename) {
            return {
                margin:       10,
                filename:     filename,
                image:        { type: 'jpeg', quality: 0.98 },
                html2canvas:  { scale: 2, useCORS: true },
                jsPDF:        { unit: 'mm', format: 'a4', orientation: 'portrait' }
            };
        }

        async function downloadPdf() {
            const el = document.getElementById('printableArea');
            const opt = pdfOptions('laborer-statement-{{ $laborer->id }}.pdf');
            await html2pdf().from(el).set(opt).save();
        }

        // Share: tries Web Share API with a real file.
        // Fallback: open WhatsApp text (share current page URL) + auto-download the PDF for manual attach.
        async function sharePdf() {
            const el = document.getElementById('printableArea');
            const opt = pdfOptions('laborer-statement-{{ $laborer->id }}.pdf');

            // Build PDF Blob (without saving)
            const worker = html2pdf().from(el).set(opt);
            const pdfBlob = await worker.outputPdf('blob');
            const fileName = opt.filename;

            // Try native file share (mobile browsers usually support)
            try {
                const file = new File([pdfBlob], fileName, { type: 'application/pdf' });

                if (navigator.canShare && navigator.canShare({ files: [file] })) {
                    await navigator.share({
                        title: 'Laborer Statement PDF',
                        text: 'مهرباني، ضمیمه PDF وګورئ.',
                        files: [file],
                    });
                    return;
                }
            } catch (err) {
                console.warn('File share failed/unsupported:', err);
            }

            // Fallback 1: open WhatsApp with a message containing this page URL
            const shareUrl = window.location.href;
            const msg = encodeURIComponent('Laborer Statement (PDF): ' + shareUrl + '\n\nکه فایل نه ښکاري، مهرباني لومړی PDF ډاونلوډ او بیا WhatsApp ته Attach کړئ.');
            const waLink = `https://wa.me/?text=${msg}`;
            window.open(waLink, '_blank', 'noopener');

            // Fallback 2: also trigger a download so user can attach the PDF manually
            try {
                const url = URL.createObjectURL(pdfBlob);
                const a = document.createElement('a');
                a.href = url;
                a.download = fileName;
                document.body.appendChild(a);
                a.click();
                a.remove();
                setTimeout(() => URL.revokeObjectURL(url), 1000);
            } catch (e) {
                console.warn('Auto-download fallback failed:', e);
            }
        }
    </script>

    {{-- styles --}}
    <style>
        #printableArea {
            border: 1px solid #ddd;
            padding: 20px;
            font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
            background: #fff;
        }

        @media print {
            .no-print {
                display: none !important;
            }
            body {
                margin: 0;
                padding: 0;
                background: #fff;
            }
            .card-page {
                margin-top: 0;
                box-shadow: none;
                border: none;
            }
        }
    </style>
@endsection