@extends('master.app')
@section('title', 'Customer Ledger')

@section('pageCSS')
<style>
    .kpi-card{
        border:1px solid #e9ecef;
        border-radius:12px;
        padding:12px 14px;
        background:#fff;
        box-shadow:0 1px 2px rgba(0,0,0,.04);
    }
    .kpi-label{ font-size:12px; color:#6c757d; }
    .kpi-value{ font-size:18px; font-weight:800; }

    .print-footer{
        margin-top:12px;
        border-top:1px dashed #ddd;
        padding-top:8px;
        font-size:12px;
        color:#6c757d;
        text-align:center;
    }

    @media print{
        .no-print{ display:none !important; }
        .card{ box-shadow:none !important; border:none !important; }
        body{ background:#fff !important; }
        table{ font-size:12px !important; }
        .table thead th{ background:#f2f2f2 !important; -webkit-print-color-adjust:exact; }
        .print-footer{ display:block !important; }
    }
</style>
@endsection

@section('body')
@php
    use Illuminate\Support\Facades\Route;
    $info = \App\Models\Info::find(1);

    // WhatsApp share only if a specific customer is selected and has phone/mobile
    $selectedCustomerId = request('customer_id');
    $selectedCustomer = null;

    if($selectedCustomerId && $selectedCustomerId !== 'all'){
        $selectedCustomer = $customers->firstWhere('id', (int)$selectedCustomerId);
    }

    $custPhone = $selectedCustomer->phone ?? $selectedCustomer->mobile ?? null;
    $waPhone = $custPhone ? preg_replace('/\D+/', '', $custPhone) : null;
    if($waPhone && str_starts_with($waPhone, '0')){
        $waPhone = '93'.ltrim($waPhone,'0'); // Afghanistan style (adjust if needed)
    }

    $waMsg = "Ledger Summary\n"
        ."Customer: ".($selectedCustomer->name ?? 'All')."\n"
        ."Currency: ".(request('currency_id') ?? 'all')."\n"
        ."From: ".(request('from_date') ?? 'All')."  To: ".(request('to_date') ?? 'All')."\n"
        ."Opening: ".number_format($openingBalance,2)."\n"
        ."Debit: ".number_format($periodDebit,2)."\n"
        ."Credit: ".number_format($periodCredit,2)."\n"
        ."Closing: ".number_format($closingBalance,2)."\n"
        ."— ".($info->business_name ?? 'Company');

    $waUrl = ($waPhone) ? ("https://wa.me/".$waPhone."?text=".urlencode($waMsg)) : null;
@endphp

<main class="app-content">
    <div class="card shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="mb-0">Customer Ledger</h5>
                <small class="text-muted">Running Balance (Auto)</small>
            </div>

            <div class="no-print d-flex gap-2">
                <a href="{{ route('customer_ledger.index') }}" class="btn btn-sm btn-secondary">Reset</a>

                {{-- Print current page --}}
                <button type="button" onclick="window.print()" class="btn btn-sm btn-outline-dark">Print</button>

                {{-- ✅ Print Pro (separate print page + barcode/qr) --}}
                <a href="{{ route('customer_ledger.print', request()->query()) }}" target="_blank" class="btn btn-sm btn-dark">
                    Print Pro
                </a>

                {{-- ✅ WhatsApp summary --}}
                @if($waUrl)
                    <a class="btn btn-sm btn-success" target="_blank" href="{{ $waUrl }}">WhatsApp Share</a>
                @else
                    <button class="btn btn-sm btn-success" disabled>WhatsApp Share</button>
                @endif
            </div>
        </div>

        <div class="card-body">

            {{-- ✅ Filters --}}
            <form method="GET" action="{{ route('customer_ledger.index') }}" class="row g-2 mb-3 no-print">
                <div class="col-md-3">
                    <label class="form-label">Customer</label>
                    <select name="customer_id" class="form-select">
                        <option value="all">All</option>
                        @foreach($customers as $c)
                            <option value="{{ $c->id }}" {{ request('customer_id') == $c->id ? 'selected' : '' }}>
                                {{ $c->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Currency</label>
                    <select name="currency_id" class="form-select">
                        <option value="all">All</option>
                        @foreach($currencies as $cur)
                            <option value="{{ $cur->id }}" {{ request('currency_id') == $cur->id ? 'selected' : '' }}>
                                {{ $cur->title_en }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Transaction</label>
                    <select name="transaction_id" class="form-select">
                        <option value="all">All</option>
                        <option value="1" {{ request('transaction_id') == '1' ? 'selected' : '' }}>Sale</option>
                        <option value="2" {{ request('transaction_id') == '2' ? 'selected' : '' }}>Received</option>
                        <option value="3" {{ request('transaction_id') == '3' ? 'selected' : '' }}>Return</option>
                        <option value="4" {{ request('transaction_id') == '4' ? 'selected' : '' }}>Advance</option>
                        <option value="5" {{ request('transaction_id') == '5' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">From</label>
                    <input type="date" name="from_date" value="{{ request('from_date') }}" class="form-control">
                </div>

                <div class="col-md-2">
                    <label class="form-label">To</label>
                    <input type="date" name="to_date" value="{{ request('to_date') }}" class="form-control">
                </div>

                <div class="col-md-1 d-grid">
                    <label class="form-label">&nbsp;</label>
                    <button class="btn btn-primary">Search</button>
                </div>
            </form>

            {{-- ✅ KPI --}}
            <div class="row g-2 mb-3">
                <div class="col-md-3">
                    <div class="kpi-card">
                        <div class="kpi-label">Opening Balance</div>
                        <div class="kpi-value">{{ number_format($openingBalance, 2) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="kpi-card">
                        <div class="kpi-label">Debit (Sale)</div>
                        <div class="kpi-value text-success">{{ number_format($periodDebit, 2) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="kpi-card">
                        <div class="kpi-label">Credit (Received/Return/Advance/Other)</div>
                        <div class="kpi-value text-danger">{{ number_format($periodCredit, 2) }}</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="kpi-card">
                        <div class="kpi-label">Closing Balance</div>
                        <div class="kpi-value">{{ number_format($closingBalance, 2) }}</div>
                    </div>
                </div>
            </div>

            {{-- ✅ Ledger Table --}}
            <div class="table-responsive">
                <table class="table table-bordered table-sm align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width:60px;">#</th>
                            <th style="width:110px;">Date</th>
                            <th>Customer</th>
                            <th style="width:90px;">CUR</th>
                            <th style="width:120px;">Type</th>
                            <th style="width:90px;">Ref</th>
                            <th style="width:120px;" class="text-end">Debit</th>
                            <th style="width:120px;" class="text-end">Credit</th>
                            <th style="width:140px;" class="text-end">Running</th>
                            <th style="width:120px;" class="text-center no-print">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{-- ✅ Opening row --}}
                        <tr>
                            <td colspan="8" class="text-end fw-bold">Opening Balance</td>
                            <td class="text-end fw-bold">{{ number_format($openingBalance, 2) }}</td>
                            <td class="no-print"></td>
                        </tr>

                        @php $running = (float)$openingBalance; @endphp

                        @forelse($rows as $k => $r)
                            @php
                                $debit  = (float) ($r->bill_total ?? 0);
                                $credit = (float) ($r->amount ?? 0);
                                $running = $running + $debit - $credit;

                                $type = $trxTitles[$r->transaction_id] ?? ('TID-'.$r->transaction_id);

                                // ✅ route mapping (safe by Route::has)
                                $link = null;

                                if ((int)$r->transaction_id === 1 && Route::has('customer_bill.show')) {
                                    $link = route('customer_bill.show', $r->module_rid);
                                }
                                elseif ((int)$r->transaction_id === 2 && Route::has('customer_recieved.show')) {
                                    $link = route('customer_recieved.show', $r->module_rid);
                                }
                                // elseif ((int)$r->transaction_id === 3 && Route::has('customer_return_bill.show')) {
                                //     $link = route('customer_return_bill.show', $r->module_rid);
                                // }
                                elseif ((int)$r->transaction_id === 4) {
                                    if (Route::has('customer_advance.show')) {
                                        $link = route('customer_advance.show', $r->module_rid);
                                    } elseif (Route::has('customer_advance.edit')) {
                                        $link = route('customer_advance.edit', $r->module_rid);
                                    }
                                }
                            @endphp

                            <tr>
                                <td>
                                    {{-- for paginator --}}
                                    {{ method_exists($rows,'firstItem') ? ($rows->firstItem() + $k) : ($k+1) }}
                                </td>
                                <td>{{ $r->date }}</td>
                                <td>{{ $r->customer->name ?? '-' }}</td>
                                <td>{{ $r->currency->title_en ?? '-' }}</td>
                                <td>
                                    @if((int)$r->transaction_id === 1)
                                        <span class="badge bg-success">{{ $type }}</span>
                                    @elseif((int)$r->transaction_id === 2)
                                        <span class="badge bg-primary">{{ $type }}</span>
                                    @elseif((int)$r->transaction_id === 3)
                                        <span class="badge bg-warning text-dark">{{ $type }}</span>
                                    @elseif((int)$r->transaction_id === 4)
                                        <span class="badge bg-dark">{{ $type }}</span>
                                    @else
                                        <span class="badge bg-secondary">{{ $type }}</span>
                                    @endif
                                </td>
                                <td>{{ $r->module_rid }}</td>

                                <td class="text-end text-success fw-bold">{{ number_format($debit, 2) }}</td>
                                <td class="text-end text-danger fw-bold">{{ number_format($credit, 2) }}</td>

                                <td class="text-end fw-bold">{{ number_format($running, 2) }}</td>

                                <td class="text-center no-print">
                                    @if($link)
                                        <a href="{{ $link }}" class="btn btn-sm btn-outline-primary">View</a>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="text-center text-muted">No data found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{-- Pagination --}}
            <div class="mt-2 no-print">
                {{ $rows->links('pagination::bootstrap-4') }}
            </div>

            {{-- ✅ Print Footer Branding --}}
            <div class="print-footer">
                Developed by <strong>OOMCLICK Software Company</strong> | www.oomclick.com | info@oomclick.com
            </div>

        </div>
    </div>
</main>
@endsection