@extends('layouts.app')
@section('title', 'سند قبض')
@section('page_title', 'سند القبض ' . $payment->code)

@section('page_actions')
    <button onclick="window.print()" class="btn btn-primary"><i class="fa-solid fa-print ms-2"></i>طباعة</button>
    <a href="{{ route('payments.index') }}" class="btn btn-light">رجوع</a>
@endsection

@section('content')
<div class="print-doc">
    @include('partials._print-header', [
        'docTitle' => 'سند قبض',
        'docNumber' => $payment->code,
        'docMeta' => ['التاريخ' => arabicDate($payment->date)],
    ])

    <table class="print-table mb-4">
        <tbody>
        <tr>
            <td style="width:200px" class="fw-bold">استلمنا من السيد/السادة</td>
            <td>{{ $payment->customer?->display_name ?? '—' }}</td>
        </tr>
        <tr>
            <td class="fw-bold">مبلغ وقدره</td>
            <td class="fw-bold" style="font-size:16px;color:#1e4bd8">{{ currency($payment->amount) }}</td>
        </tr>
        <tr>
            <td class="fw-bold">طريقة السداد</td>
            <td>{{ $payment->method_label }} {{ $payment->reference ? '— مرجع: ' . $payment->reference : '' }}</td>
        </tr>
        <tr>
            <td class="fw-bold">وذلك عن</td>
            <td>
                @if ($payment->invoice)
                    سداد الفاتورة رقم {{ $payment->invoice->code }} بتاريخ {{ arabicDate($payment->invoice->date) }}
                @else
                    دفعة تحت الحساب
                @endif
            </td>
        </tr>
        @if ($payment->invoice)
            <tr>
                <td class="fw-bold">إجمالي الفاتورة</td>
                <td>{{ currency($payment->invoice->total) }} — المتبقي بعد هذه الدفعة: {{ currency($payment->invoice->remaining) }}</td>
            </tr>
        @endif
        @if ($payment->notes)
            <tr><td class="fw-bold">ملاحظات</td><td>{{ $payment->notes }}</td></tr>
        @endif
        </tbody>
    </table>

    <div class="row mt-5 pt-4">
        <div class="col-6 text-center">
            <div class="small text-muted mb-4">أمين الصندوق</div>
            <div class="border-top pt-2 mx-4 small">{{ $payment->creator?->name ?? '' }}</div>
        </div>
        <div class="col-6 text-center">
            <div class="small text-muted mb-4">توقيع المستلم</div>
            <div class="border-top pt-2 mx-4 small">&nbsp;</div>
        </div>
    </div>
</div>
@endsection