@extends('layouts.master')

@section('title', 'عرض وطباعة المستند الثانوي')

@section('content')
    <div class="container py-4 secondary-doc-print-page">

        <style>
            .secondary-doc-print-page {
                --sdp-bg: #f6f8fc;
                --sdp-card: #ffffff;
                --sdp-border: #e6ebf2;
                --sdp-text: #182230;
                --sdp-muted: #667085;
                --sdp-primary: #2563eb;
                --sdp-success: #16a34a;
                --sdp-warning: #d97706;
                --sdp-danger: #dc2626;
                --sdp-shadow: 0 10px 30px rgba(15, 23, 42, .06);
                color: var(--sdp-text);
            }

            @media (prefers-color-scheme: dark) {
                .secondary-doc-print-page {
                    --sdp-bg: #0f172a;
                    --sdp-card: #111827;
                    --sdp-border: #263244;
                    --sdp-text: #e5edf8;
                    --sdp-muted: #94a3b8;
                    --sdp-primary: #60a5fa;
                    --sdp-success: #4ade80;
                    --sdp-warning: #f59e0b;
                    --sdp-danger: #f87171;
                    --sdp-shadow: 0 14px 36px rgba(0, 0, 0, .30);
                }
            }

            .secondary-doc-print-page .doc-shell {
                background: var(--sdp-bg);
                border-radius: 24px;
            }

            .secondary-doc-print-page .doc-card {
                background: var(--sdp-card);
                border: 1px solid var(--sdp-border);
                border-radius: 20px;
                box-shadow: var(--sdp-shadow);
                overflow: hidden;
            }

            .secondary-doc-print-page .doc-header {
                background:
                    radial-gradient(circle at top right, rgba(37, 99, 235, .08), transparent 25%),
                    var(--sdp-card);
                border: 1px solid var(--sdp-border);
                border-radius: 20px;
                padding: 20px;
                box-shadow: var(--sdp-shadow);
            }

            .secondary-doc-print-page .doc-title {
                font-size: 1.45rem;
                font-weight: 800;
                margin-bottom: 4px;
            }

            .secondary-doc-print-page .doc-subtitle {
                color: var(--sdp-muted);
                margin-bottom: 0;
            }

            .secondary-doc-print-page .doc-mini-grid {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 14px;
            }

            .secondary-doc-print-page .doc-mini {
                background: var(--sdp-card);
                border: 1px solid var(--sdp-border);
                border-radius: 18px;
                padding: 16px;
                box-shadow: var(--sdp-shadow);
            }

            .secondary-doc-print-page .doc-mini-label {
                font-size: .82rem;
                color: var(--sdp-muted);
                margin-bottom: 8px;
            }

            .secondary-doc-print-page .doc-mini-value {
                font-size: 1rem;
                font-weight: 800;
                line-height: 1.5;
            }

            .secondary-doc-print-page .section-title {
                font-size: 1.05rem;
                font-weight: 800;
                margin-bottom: 14px;
            }

            .secondary-doc-print-page .form-label {
                font-weight: 700;
                margin-bottom: 6px;
            }

            .secondary-doc-print-page .form-control[readonly] {
                background: rgba(148, 163, 184, .08);
                border: 1px solid var(--sdp-border);
                color: var(--sdp-text);
                border-radius: 14px;
                min-height: 46px;
                opacity: 1;
            }

            .secondary-doc-print-page .table {
                color: var(--sdp-text);
                margin-bottom: 0;
            }

            .secondary-doc-print-page .table thead th {
                background: rgba(148, 163, 184, .08);
                border-color: var(--sdp-border);
                white-space: nowrap;
            }

            .secondary-doc-print-page .table td {
                border-color: var(--sdp-border);
                vertical-align: middle;
            }

            .secondary-doc-print-page .badge {
                border-radius: 999px;
                font-size: .78rem;
                padding: .55em .8em;
                font-weight: 800;
            }

            .secondary-doc-print-page .bg-success {
                background: var(--sdp-success) !important;
                color: #fff !important;
            }

            .secondary-doc-print-page .bg-warning {
                background: var(--sdp-warning) !important;
                color: #111827 !important;
            }

            .secondary-doc-print-page .bg-danger {
                background: var(--sdp-danger) !important;
                color: #fff !important;
            }

            .secondary-doc-print-page .bg-primary {
                background: var(--sdp-primary) !important;
                color: #fff !important;
            }

            @media (max-width: 1200px) {
                .secondary-doc-print-page .doc-mini-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 767.98px) {
                .secondary-doc-print-page .doc-mini-grid {
                    grid-template-columns: 1fr;
                }
            }

            @media print {
                .no-print {
                    display: none !important;
                }

                body {
                    background: #fff !important;
                }

                .secondary-doc-print-page,
                .secondary-doc-print-page .doc-shell {
                    background: #fff !important;
                    color: #000 !important;
                }

                .secondary-doc-print-page .doc-card,
                .secondary-doc-print-page .doc-header,
                .secondary-doc-print-page .doc-mini {
                    box-shadow: none !important;
                    border: 1px solid #ddd !important;
                    background: #fff !important;
                }

                .secondary-doc-print-page .form-control[readonly] {
                    background: #fff !important;
                    color: #000 !important;
                    border: 1px solid #ddd !important;
                }

                .secondary-doc-print-page .table {
                    color: #000 !important;
                }

                .secondary-doc-print-page .table thead th {
                    background: #f5f5f5 !important;
                }
            }
        </style>

        @php
            $docTypeLabel = match ($document->doc_type) {
                'stop' => 'إيقاف اشتراك',
                'transfer' => 'تنازل عن اشتراك',
                default => $document->doc_type,
            };

            $statusLabel = 'تم الحفظ';
            $statusClass = 'bg-success';

            $sourceSub = $document->sourceSubscription;
            $newSub = $document->newSubscription;

            $sourceMember = $sourceSub?->member;
            $newMember = $newSub?->member;

            $stop = $document->stop;
            $transfer = $document->transfer;

            $createdByName = $document->creator->name ?? '---';

            $branchName = $document->branch->name ?? '---';

            $sourceMemberName =
                $sourceMember->name_ar ??
                ($sourceMember->full_name_ar ?? ($sourceMember->member_name_ar ?? ($sourceMember->name ?? '---')));

            $newMemberName =
                $newMember->name_ar ??
                ($newMember->full_name_ar ?? ($newMember->member_name_ar ?? ($newMember->name ?? '---')));

            $sourceMemberCode = $sourceMember->member_code ?? ($sourceMember->code ?? '---');
            $newMemberCode = $newMember->member_code ?? ($newMember->code ?? '---');

            $payments = collect($transfer?->transferPayments ?? []);
            $paidAmount = $payments->sum('amount');
        @endphp

        <div class="doc-shell">

            <div class="doc-header mb-4">
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-3 no-print">
                    <div>
                        <div class="doc-title">عرض وطباعة المستند الثانوي</div>
                        <p class="doc-subtitle">
                            مراجعة بيانات المستند رقم
                            <strong>{{ $document->qrn }}</strong>
                        </p>
                    </div>

                    <div class="d-flex gap-2 flex-wrap">
                        <a href="{{ route('secondary_docs.index') }}" class="btn btn-primary">
                            إنشاء جديد
                        </a>

                        <button type="button" class="btn btn-outline-secondary" onclick="window.print()">
                            طباعة
                        </button>
                    </div>
                </div>

                <div class="d-none d-print-block">
                    <div class="doc-title">عرض المستند الثانوي</div>
                    <p class="doc-subtitle mb-0">رقم الوثيقة: {{ $document->qrn }}</p>
                </div>
            </div>

            <div class="doc-mini-grid mb-4">
                <div class="doc-mini">
                    <div class="doc-mini-label">رقم الوثيقة</div>
                    <div class="doc-mini-value">{{ $document->qrn }}</div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">نوع الإجراء</div>
                    <div class="doc-mini-value">{{ $docTypeLabel }}</div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">الفرع</div>
                    <div class="doc-mini-value">{{ $branchName }}</div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">الحالة</div>
                    <div class="doc-mini-value">
                        <span class="badge {{ $statusClass }}">{{ $statusLabel }}</span>
                    </div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">أنشئ بواسطة</div>
                    <div class="doc-mini-value">{{ $createdByName }}</div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">تاريخ الإنشاء</div>
                    <div class="doc-mini-value" dir="ltr">{{ optional($document->created_at)->format('Y-m-d H:i') }}
                    </div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">رقم الاشتراك </div>
                    <div class="doc-mini-value">{{ $sourceSub->verification_code ?? '---' }}</div>
                </div>

                <div class="doc-mini">
                    <div class="doc-mini-label">رقم الاشتراك الجديد</div>
                    <div class="doc-mini-value">{{ $newSub->verification_code ?? '---' }}</div>
                    
                </div>
            </div>

            
            <div class="doc-card mb-4">
                <div class="p-4">
                    <div class="section-title">البيانات الأساسية</div>

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">اسم العضو الحالي</label>
                            <input type="text" class="form-control" value="{{ $sourceMemberName }}" readonly>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">رقم العضوية الحالية</label>
                            <input type="text" class="form-control" value="{{ $sourceMemberCode }}" readonly>
                        </div>

                        @if ($document->doc_type === 'transfer')
                            <div class="col-md-6">
                                <label class="form-label">اسم العضو الجديد</label>
                                <input type="text" class="form-control" value="{{ $newMemberName }}" readonly>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">رقم العضوية الجديدة</label>
                                <input type="text" class="form-control" value="{{ $newMemberCode }}" readonly>
                            </div>
                        @endif

                        @if (!empty($document->notes))
                            <div class="col-12">
                                <label class="form-label">ملاحظات</label>
                                <textarea class="form-control" rows="3" readonly>{{ $document->notes }}</textarea>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            @if ($document->doc_type === 'stop')
                <div class="doc-card mb-4">
                    <div class="p-4">
                        <div class="section-title">تفاصيل الإيقاف</div>

                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">تاريخ بداية الإيقاف</label>
                                <input type="text" class="form-control" dir="ltr"
                                    value="{{ $stop?->start_date ?? '---' }}" readonly>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">عدد الأيام</label>
                                <input type="text" class="form-control" value="{{ $stop?->days ?? '---' }}" readonly>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">تاريخ نهاية الإيقاف</label>
                                <input type="text" class="form-control" dir="ltr"
                                    value="{{ $stop?->end_date ?? '---' }}" readonly>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">بداية الاشتراك الجديد</label>
                                <input type="text" class="form-control" dir="ltr"
                                    value="{{ $newSub?->start_date ?? '---' }}" readonly>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">نهاية الاشتراك الجديد</label>
                                <input type="text" class="form-control" dir="ltr"
                                    value="{{ $newSub?->end_date ?? '---' }}" readonly>
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">المدة الجديدة</label>
                                <input type="text" class="form-control" value="{{ $newSub?->duration ?? '---' }}"
                                    readonly>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            @if ($document->doc_type === 'transfer')
                <div class="doc-card mb-4">
                    <div class="p-4">
                        <div class="section-title">تفاصيل التنازل</div>

                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label">تاريخ التنازل</label>
                                <input type="text" class="form-control" dir="ltr"
                                    value="{{ $transfer?->transfer_date ?? '---' }}" readonly>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">الرسوم</label>
                                <input type="text" class="form-control"
                                    value="{{ number_format((float) ($transfer?->fee ?? 0), 2) }}" readonly>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">الضريبة</label>
                                <input type="text" class="form-control"
                                    value="{{ number_format((float) ($transfer?->tax_amount ?? 0), 2) }}" readonly>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">الإجمالي</label>
                                <input type="text" class="form-control"
                                    value="{{ number_format((float) ($transfer?->total_amount ?? 0), 2) }}" readonly>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">حالة الدفع</label>
                                <input type="text" class="form-control"
                                    value="{{ $transfer?->payment_status === 'paid' ? 'مدفوع بالكامل' : 'غير مسدد' }}"
                                    readonly>
                            </div>

                            <div class="col-md-6">
                                <label class="form-label">إجمالي المدفوع</label>
                                <input type="text" class="form-control"
                                    value="{{ number_format((float) $paidAmount, 2) }}" readonly>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="doc-card mb-4">
                    <div class="p-4">
                        <div class="section-title">تفاصيل السداد</div>

                        <div class="table-responsive">
                            <table class="table table-bordered align-middle text-center">
                                <thead>
                                    <tr>
                                        <th>طريقة الدفع</th>
                                        <th>المبلغ</th>
                                        <th>ملاحظات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($payments as $payment)
                                        @php
                                            $methodName =
                                                $payment->paymentMethod->name_ar ??
                                                ($payment->paymentMethod->name ?? '---');
                                        @endphp
                                        <tr>
                                            <td>{{ $methodName }}</td>
                                            <td>{{ number_format((float) $payment->amount, 2) }}</td>
                                            <td>{{ $payment->notes ?? '---' }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3">لا توجد دفعات مسجلة.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif

        </div>
    </div>
@endsection