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

<style>
    *{
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box;
    }

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

    .bill-box{
        width: 100%;
        max-width: 800px;
        margin: auto !important;
        border: 1px solid #ddd;
    }

    .header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        border-bottom: 2px solid #222;
    }

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

    .shop-title{
        text-align:center;
        flex: 1;
    }

    .shop-title h2{
        font-size:20px;
        font-weight:700;
    }

    .shop-title p{
        font-size:12px;
    }

    .bill-type{
        text-align:right;
        font-weight:700;
        font-size:14px;
    }

    .info{
        display:flex;
        justify-content:space-between;
        font-size:13px;
    }

    .info div{
        width:48%;
    }

    .table{
        width:100%;
        border-collapse:collapse;
    }

    .table th, .table td{
        border-bottom:1px solid #ddd;
        text-align:left;
    }

    .table th{
        border-top:1px solid #111;
        border-bottom:2px solid #111;
        font-weight:700;
    }

    /* .table td:nth-child(2),
    .table th:nth-child(2){
        text-align:center;
        width:70px;
    }

    .table td:nth-child(3),
    .table th:nth-child(3),
    .table td:nth-child(4),
    .table th:nth-child(4){
        text-align:right;
        width:120px;
    } */

    .summary-box{
        border-top:2px solid #111;
    }

    .summary-row{
        display:flex;
        justify-content:space-between;
    }

    .summary-row strong{
        font-weight:700;
    }

    .footer{
        text-align:center;
        font-size:12px;
    }

    @media print {
        .bill-box{
            border:none;
        }
        .col-md-6{
            width: 50%;
        }
    }
</style>

<div class="bill-box">

    {{-- HEADER --}}
    <div class="header">
        <div class="logo">
            @if(!empty($admin->avatar_url))
                <img src="{{ $admin->avatar_url }}" alt="Logo">
            @endif
        </div>

        <div class="shop-title">
            <h2>{{ $admin->name ?? '' }}</h2>
            <p>{{ $admin->address ?? '' }}</p>
            <p>
                <img src="{{ asset('admin/img/whatsapp.png') }}" alt="" style="width:20px; height:15px;">
                <img src="{{ asset('admin/img/easy.png') }}" alt="" style="width:20px; height:20px;">
                {{ $admin->whatsapp ?? '' }}
                <i class="fas fa-phone"></i> {{ $admin->phone ?? '' }}
            </p>
        </div>

        <div class="bill-type">
            
        </div>
    </div>

    {{-- CUSTOMER / BILL INFO --}}
    <div class="info">
        <div>
            <p><b>Bill No:</b> {{ $sale->bill_no ?? "" }}</p>
            <p><b>Date:</b> {{ \Carbon\Carbon::parse($sale->date)->format('d/m/Y H:i') }}</p>
            <p><b>Customer:</b> {{ $sale->customer?->name ?? '' }}</p>
            <p><b>Phone:</b> {{ $sale->customer?->phone ?? '' }}</p>
        </div>

        <div style="text-align:right;">
            <p><b>Ref name:</b> {{ $sale->refer?->name ?? '' }}</p>
            <p><b>Veh no:</b> {{ $sale->veh_no ?? '' }}</p>
            <p><b>Type: {{ ucfirst($sale->type ?? '') }}</b></p>
        </div>
    </div>

    {{-- ITEMS TABLE --}}
    <table class="table">
        <thead>
            <tr>
                <th>Item</th>
                <th>Qty</th>
                <th>Rate</th>
                <th>Total</th>
            </tr>
        </thead>
        <tbody>
            @php
                $items = $sale->items ?? [];
                $grandTotal = 0;
            @endphp
            @forelse($items as $item)
                @php
                    $qty   = $item['quantity'] ?? 1;
                    $rate  = $item['rate'] ?? 0;
                    $total = $qty * $rate;
                    $grandTotal += $total;
                @endphp
                <tr>
                    <td>{{ $item['item']['name'] ?? '' }}</td>
                    <td>{{ $qty }}</td>
                    <td>{{ number_format($rate) }}</td>
                    <td>{{ number_format($total) }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="4" class="text-center">No items found</td>
                </tr>
            @endforelse
        </tbody>
    </table>

    {{-- SUMMARY --}}
   @php
        $oldTyreAdjustment = $sale->adjustment_amount ?? 0;
        $paidAmount = $sale->received ?? 0;

        $totalBillAmount = $grandTotal + $sale->installment_charges - $oldTyreAdjustment - $sale->received;
        $remainingAmount = $totalBillAmount - $paidAmount;

        $monthsTotal = (int) ($sale->installment_no ?? 0);

        $monthlyInstallment = $monthsTotal > 0 ? ($totalBillAmount / $monthsTotal) : 0;

        $monthsPaid = $monthlyInstallment > 0 ? floor($paidAmount / $monthlyInstallment) : 0;
        $monthsRemaining = max(0, $monthsTotal - $monthsPaid);
    @endphp

    <div class="row summary-box">
        <div class="col-md-6"></div>

        <div class="col-md-6">
            <div class="summary-row">
                <span><b>Old tyres adjustment:</b></span>
                <span><b>{{ number_format($oldTyreAdjustment) }}</b></span>
            </div>

            <div class="summary-row">
                <span><b>Total Bill Amount:</b></span>
                <span><b>{{ number_format($sale->total) }}</b></span>
            </div>

            <div class="summary-row">
                <span>Paid Amount:</span>
                <span>{{ number_format($sale->received) }}</span>
            </div>

            <div class="summary-row">
                <span>Remaining Amount:</span>
                <span>{{ number_format($sale->total - $sale->received) }}</span>
            </div>

            @if($sale->type == 'installment')
                <div class="summary-row" style="border-top:1px solid #ddd;">
                    <span><b>Total Installment Amount:</b></span>
                    <span><b>{{ number_format($totalBillAmount) }}</b></span>
                </div>

                <div class="summary-row">
                    <span><b>Monthly Installment:</b></span>
                    <span><b>{{ number_format($monthlyInstallment) }}</b></span>
                </div>

                <div class="summary-row">
                    <span>Total Months Remaining:</span>
                    <span>{{ $monthsRemaining }}</span>
                </div>
            @endif
        </div>
    </div>
    @if($sale->type == 'direct')
    @if($ledgers->isNotEmpty())
    <table class="table my-3">
        <thead>
            <tr>
                <th>Payment Date</th>
                <th>Payment Method</th>
                <th>Paid Amount</th>
            </tr>
        </thead>
        <tbody>
            @forelse($ledgers as $ledger)
                <tr>
                    <td>{{ $ledger->date }}</td>
                    <td>{{ $ledger->mop }}</td>
                    <td>{{ $ledger->amount }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="3" class="text-center">No Records</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    @endif
    @endif


    {{-- REMARKS --}}
    <div>
        <b>Remarks (note):</b>
        <div style="border:1px solid #ddd; min-height:50px;">
            {{ $sale->note ?? '' }}
        </div>
    </div>

    <div class="footer">
        <p><b>Thank you for your business!</b></p>
        <small>Commissions and errors are acceptable</small>
    </div>

</div>
@endsection