@extends('admin.layout.print')
@section('content')

<style>
    body{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color:#111;
    }

    .report-box{
        width: 100%;
        max-width: 900px;
        margin: auto;
        padding: 20px;
    }

    .top-header{
        text-align:center;
        border-bottom:2px solid #222;
        padding-bottom:10px;
        margin-bottom:15px;
        position: relative;
    }

    .top-header .logo{
        position:absolute;
        left:0;
        top:0;
    }

    .top-header .logo img{
        max-height:80px;
    }

    .top-header h2{
        margin:0;
        font-size:26px;
        font-weight:800;
    }

    .top-header p{
        margin:5px 0;
        font-size:13px;
    }

    .title{
        text-align:center;
        margin-top:10px;
    }

    .title h3{
        margin:0;
        font-size:22px;
        font-weight:700;
    }

    .title small{
        font-size:12px;
        color:#555;
    }

    .supplier-section{
        margin-top:20px;
    }

    .supplier-section h4{
        font-size:16px;
        font-weight:700;
        margin-bottom:10px;
    }

    .details-grid{
        display:flex;
        justify-content:space-between;
    }

    .details-grid .col{
        width:48%;
        font-size:13px;
        line-height:22px;
    }

    .summary-boxes{
        display:flex;
        justify-content:space-between;
        margin-top:18px;
        margin-bottom:20px;
    }

    .summary-box{
        width:32%;
        border:1px solid #ddd;
        padding:10px;
        text-align:center;
        border-radius:5px;
    }

    .summary-box small{
        display:block;
        margin-bottom:6px;
        font-size:12px;
        color:#555;
    }

    .summary-box strong{
        font-size:18px;
    }

    .section-title{
        border-bottom:2px solid #222;
        padding-bottom:5px;
        margin-bottom:10px;
        font-weight:700;
        font-size:15px;
    }

    table{
        width:100%;
        border-collapse:collapse;
        font-size:12px;
    }

    th, td{
        border:1px solid #ddd;
        padding:6px;
    }

    th{
        background:#f2f2f2;
        font-weight:700;
        text-align:center;
    }

    td{
        vertical-align:middle;
    }

    .text-right{
        text-align:right;
    }

    .text-center{
        text-align:center;
    }

    .totals-row{
        font-weight:700;
        background:#f9f9f9;
    }

    @media print {
        .report-box{
            padding:0;
        }
    }
</style>

<div class="report-box">

    {{-- Header (Shop Info) --}}
    <div class="top-header">
        <div class="logo">
            @if(!empty($admin->avatar_url))
                <img src="{{ $admin->avatar_url }}">
            @endif
        </div>

        <h2>{{ $admin->name ?? 'Shop Name' }}</h2>
        <p>{{ $admin->address ?? '' }}</p>
        <p><b>Phone:</b> {{ $admin->contact ?? 'N/A' }}</p>
    </div>

    {{-- Title --}}
    <div class="title">
        <h3>Supplier Ledger Report</h3>
        <small>Generated on: {{ now()->format('d/m/Y H:i') }}</small>
    </div>

    {{-- Supplier Details --}}
    <div class="supplier-section">
        <h4>Supplier Details</h4>

        <div class="details-grid">
            <div class="col">
                <div><b>Name:</b> {{ $supplier->name ?? '-' }}</div>
                <div><b>CNIC:</b> {{ $supplier->cnic ?? '-' }}</div>
                <div><b>WhatsApp:</b> {{ $supplier->whatsapp ?? '-' }}</div>
            </div>

            <div class="col text-right">
                <div><b>Address:</b> {{ $supplier->address ?? '-' }}</div>
                <div><b>Opening Balance:</b> Rs. {{ number_format($openingBalance) }}</div>
                <div><b>Current Balance:</b> Rs. {{ number_format($currentBalance) }}</div>
            </div>
        </div>
    </div>

    {{-- Summary Boxes --}}
    <div class="summary-boxes">
        <div class="summary-box">
            <small>Total Debit (Purchases)</small>
            <strong>Rs. {{ number_format($totalDebit) }}</strong>
        </div>
        <div class="summary-box">
            <small>Total Credit (Payments)</small>
            <strong>Rs. {{ number_format($totalCredit) }}</strong>
        </div>
        <div class="summary-box">
            <small>Balance Due</small>
            <strong>Rs. {{ number_format($currentBalance) }}</strong>
        </div>
    </div>

    {{-- Transaction History --}}
    <div class="section-title">Transaction History</div>

    @php
        $balance = $openingBalance;
        $sr = 1;
        $totalDebitRow = 0;
        $totalCreditRow = 0;
    @endphp

    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Date</th>
                <th>Item</th>
                <th>Qty</th>
                <th>Price</th>
                <th>Payment</th>
                <th>Debit</th>
                <th>Credit</th>
                <th>Balance</th>
            </tr>
        </thead>

        <tbody>

            {{-- Opening Balance Row --}}
            <tr>
                <td class="text-center">-</td>
                <td class="text-center">-</td>
                <td>Opening Balance</td>
                <td class="text-center">-</td>
                <td class="text-right">-</td>
                <td class="text-center">-</td>
                <td class="text-right">-</td>
                <td class="text-right">-</td>
                <td class="text-right">Rs. {{ number_format($balance) }}</td>
            </tr>

            @foreach($purchases as $purchase)
                @php
                    $debit = $purchase->total ?? 0;
                    $balance += $debit;
                    $totalDebitRow += $debit;
                @endphp

                <tr>
                    <td class="text-center">{{ $sr++ }}</td>
                    <td class="text-center">{{ \Carbon\Carbon::parse($purchase->date)->format('d/m/Y') }}</td>
                    <td>{{ $purchase->item_name ?? 'Purchase' }}</td>
                    <td class="text-center">{{ $purchase->quantity ?? '-' }}</td>
                    <td class="text-right">{{ number_format($purchase->total ?? 0) }}</td>
                    <td class="text-center">{{ ucfirst($purchase->mop ?? '-') }}</td>
                    <td class="text-right">Rs. {{ number_format($debit) }}</td>
                    <td class="text-right">-</td>
                    <td class="text-right">Rs. {{ number_format($balance) }}</td>
                </tr>

                {{-- Purchase Paid Credit --}}
                @if(($purchase->paid ?? 0) > 0)
                    @php
                        $credit = $purchase->paid ?? 0;
                        $balance -= $credit;
                        $totalCreditRow += $credit;
                    @endphp
                    <tr>
                        <td class="text-center">{{ $sr++ }}</td>
                        <td class="text-center">{{ \Carbon\Carbon::parse($purchase->date)->format('d/m/Y') }}</td>
                        <td>Payment (Purchase)</td>
                        <td class="text-center">-</td>
                        <td class="text-right">-</td>
                        <td class="text-center">{{ ucfirst($purchase->type ?? 'Cash') }}</td>
                        <td class="text-right">-</td>
                        <td class="text-right">Rs. {{ number_format($credit) }}</td>
                        <td class="text-right">Rs. {{ number_format($balance) }}</td>
                    </tr>
                @endif

            @endforeach


            {{-- Payments (Credit) --}}
            @foreach($wallets as $wallet)
                @php
                    $credit = $wallet->amount ?? 0;
                    $balance -= $credit;
                    $totalCreditRow += $credit;

                    $paymentType = $wallet->payment_type ?? $wallet->method ?? 'Payment';
                @endphp
                <tr>
                    <td class="text-center">{{ $sr++ }}</td>
                    <td class="text-center">{{ \Carbon\Carbon::parse($wallet->date)->format('d/m/Y') }}</td>
                    <td>Payment</td>
                    <td class="text-center">-</td>
                    <td class="text-right">-</td>
                    <td class="text-center">{{ ucfirst($paymentType) }}</td>
                    <td class="text-right">-</td>
                    <td class="text-right">Rs. {{ number_format($credit) }}</td>
                    <td class="text-right">Rs. {{ number_format($balance) }}</td>
                </tr>
            @endforeach

            {{-- Totals Row --}}
            <tr class="totals-row">
                <td colspan="6" class="text-right">Totals:</td>
                <td class="text-right">Rs. {{ number_format($totalDebitRow) }}</td>
                <td class="text-right">Rs. {{ number_format($totalCreditRow) }}</td>
                <td class="text-right">Rs. {{ number_format($balance) }}</td>
            </tr>

        </tbody>
    </table>

</div>

@endsection