@extends('layouts.app')

@section('title', 'عرض الفاتورة')

@push('styles')
<style>
    .invoice-header {
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
    .invoice-details {
        background: #f9f9f9;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .payment-status {
        font-size: 0.9rem;
        padding: 3px 8px;
        border-radius: 3px;
    }
</style>
@endpush

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">
                        <i class="fas fa-file-invoice"></i>
                        تفاصيل الفاتورة #{{ $invoice->invoice_number ?? '--' }}
                    </h4>
                    <div>
                        <a href="{{ route('receptionist.invoices.print', $invoice) }}" class="btn btn-light btn-sm" target="_blank">
                            <i class="fas fa-print"></i> طباعة
                        </a>
                        <a href="{{ route('receptionist.invoices') }}" class="btn btn-light btn-sm">
                            <i class="fas fa-arrow-right"></i> رجوع
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h5 class="border-bottom pb-2 mb-3">
                                <i class="fas fa-user"></i> معلومات المريض
                            </h5>
                            <div class="row">
                                <div class="col-md-6">
                                    <p class="mb-2"><strong>الاسم:</strong> {{ $invoice->patient->name ?? '--' }}</p>
                                    <p class="mb-2"><strong>رقم الهاتف:</strong> {{ $invoice->patient->mobile ?? $invoice->patient->phone ?? '--' }}</p>
                                </div>
                                <div class="col-md-6">
                                    @if($invoice->patient->birth_date ?? false)
                                    <p class="mb-2"><strong>العمر:</strong> 
                                        {{ \Carbon\Carbon::parse($invoice->patient->birth_date)->age }} سنة
                                    </p>
                                    @endif
                                    @if($invoice->patient->gender ?? false)
                                    <p class="mb-2">
                                        <strong>الجنس:</strong> 
                                        {{ $invoice->patient->gender === 'male' ? 'ذكر' : 'أنثى' }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <h5 class="border-bottom pb-2 mb-3">
                                <i class="fas fa-info-circle"></i> معلومات الفاتورة
                            </h5>
                            <div class="row">
                                <div class="col-md-6">
                                    <p class="mb-2"><strong>رقم الفاتورة:</strong> {{ $invoice->invoice_number ?? '--' }}</p>
                                    <p class="mb-2">
                                        <strong>تاريخ الفاتورة:</strong> 
                                        {{ $invoice->formatted_invoice_date }}
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <p class="mb-2">
                                        <strong>حالة الدفع:</strong> 
                                        <span class="badge payment-status bg-success">مدفوع بالكامل</span>
                                    </p>
                                    @if($invoice->appointment)
                                    <p class="mb-2">
                                        <strong>رقم الموعد:</strong> 
                                        {{ $invoice->appointment->booking_reference ?? '--' }}
                                    </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <h5 class="border-bottom pb-2 mb-3">
                        <i class="fas fa-list"></i> بنود الفاتورة
                    </h5>
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th width="5%" class="text-center">#</th>
                                    <th width="40%">الوصف</th>
                                    <th width="10%" class="text-center">الكمية</th>
                                    <th width="15%" class="text-end">سعر الوحدة</th>
                                    <th width="15%" class="text-center">الخصم</th>
                                    <th width="15%" class="text-end">الإجمالي</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($invoice->items as $index => $item)
                                <tr>
                                    <td class="text-center">{{ $index + 1 }}</td>
                                    <td>{{ $item->description ?? '--' }}</td>
                                    <td class="text-center">{{ number_format($item->quantity ?? 0, 2) }}</td>
                                    <td class="text-end">{{ number_format($item->unit_price ?? 0, 2) }} ج.م</td>
                                    <td class="text-center">
                                        @php
                                            $dtype = $item->line_discount_type ?? 'none';
                                            $dval = (float)($item->line_discount_value ?? 0);
                                        @endphp
                                        @if($dtype === 'percent')
                                            {{ rtrim(rtrim(number_format($dval, 2), '0'), '.') }}%
                                        @elseif($dtype === 'amount')
                                            {{ number_format($dval, 2) }} ج.م
                                        @else
                                            0
                                        @endif
                                    </td>
                                    <td class="text-end">{{ number_format($item->line_total ?? 0, 2) }} ج.م</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-4">
                                        <i class="fas fa-info-circle"></i> لا توجد بنود في هذه الفاتورة
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                            <tfoot class="table-group-divider">
                                <tr>
                                    <th colspan="3" class="text-end">المجموع الفرعي:</th>
                                    <td colspan="3" class="text-end">{{ number_format($invoice->subtotal ?? 0, 2) }} ج.م</td>
                                </tr>
                                @if(($invoice->discount_amount ?? 0) > 0)
                                <tr>
                                    <th colspan="3" class="text-end">الخصم:</th>
                                    <td colspan="3" class="text-end">-{{ number_format($invoice->discount_amount ?? 0, 2) }} ج.م</td>
                                </tr>
                                @endif
                                @if(($invoice->tax_amount ?? 0) > 0)
                                <tr>
                                    <th colspan="3" class="text-end">الضريبة ({{ $invoice->vat_rate ?? 0 }}%):</th>
                                    <td colspan="3" class="text-end">{{ number_format($invoice->tax_amount ?? 0, 2) }} ج.م</td>
                                </tr>
                                @endif
                                <tr class="table-active">
                                    <th colspan="3" class="text-end">الإجمالي النهائي:</th>
                                    <td colspan="3" class="text-end fw-bold">{{ number_format($invoice->total_amount ?? 0, 2) }} ج.م</td>
                                </tr>
                                <tr>
                                    <th colspan="3" class="text-end">المدفوع:</th>
                                    <td colspan="3" class="text-end">{{ number_format($paid ?? 0, 2) }} ج.م</td>
                                </tr>
                                <tr class="table-info">
                                    <th colspan="3" class="text-end">المتبقي:</th>
                                    <td colspan="3" class="text-end fw-bold">{{ number_format($remaining ?? 0, 2) }} ج.م</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>

                    @if($invoice->notes)
                    <div class="mt-4 border-top pt-3">
                        <h5 class="mb-3"><i class="fas fa-sticky-note"></i> ملاحظات</h5>
                        <div class="bg-light p-3 rounded">
                            {!! nl2br(e($invoice->notes)) !!}
                        </div>
                    </div>
                    @endif

                    @if(($invoice->payments ?? [])->count() > 0)
                    <div class="mt-4">
                        <h5 class="mb-3 border-bottom pb-2">
                            <i class="fas fa-receipt"></i> سجل المدفوعات
                        </h5>
                        <div class="table-responsive">
                            <table class="table table-sm table-hover">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>التاريخ</th>
                                        <th>المبلغ</th>
                                        <th>طريقة الدفع</th>
                                        <th>بواسطة</th>
                                        <th>حالة التسليم</th>
                                        <th>ملاحظات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($invoice->payments as $index => $payment)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>
                                            {{ $payment->payment_date ? $payment->payment_date->format('Y-m-d') : '--' }}
                                            {{ $payment->payment_time ? $payment->payment_time->format('h:i A') : '' }}
                                        </td>
                                        <td class="text-nowrap">{{ number_format($payment->amount, 2) }} ج.م</td>
                                        <td>
                                            @php
                                                $paymentMethods = [
                                                    'cash' => 'نقدي',
                                                    'bank_transfer' => 'تحويل بنكي',
                                                    'card' => 'بطاقة ائتمان'
                                                ];
                                            @endphp
                                            {{ $paymentMethods[$payment->payment_method] ?? $payment->payment_method }}
                                        </td>
                                        <td>{{ $payment->recordedBy->name ?? '--' }}</td>
                                        <td>
                                            @if($payment->handover_status === 'confirmed')
                                                <span class="badge bg-success">تم التسليم</span>
                                            @else
                                                <span class="badge bg-warning">قيد الانتظار</span>
                                            @endif
                                        </td>
                                        <td>{{ $payment->notes ?? '--' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <div class="mt-4 d-print-none pt-3 border-top">
                        <div class="d-flex justify-content-between">
                            <div>
                                <a href="{{ route('receptionist.invoices') }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-right"></i> رجوع للقائمة
                                </a>
                                <a href="{{ route('receptionist.invoices.print', $invoice) }}" class="btn btn-primary" target="_blank">
                                    <i class="fas fa-print"></i> طباعة الفاتورة
                                </a>
                            </div>
                            
                            @if($invoice->status !== 'paid' && $remaining > 0)
                            <div>
                                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addPaymentModal">
                                    <i class="fas fa-money-bill-wave"></i> إضافة سداد
                                </button>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@if($invoice->status !== 'paid')
<!-- Add Payment Modal -->
<div class="modal fade" id="addPaymentModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">إضافة سداد للفاتورة #{{ $invoice->invoice_number }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('receptionist.payments.store') }}" method="POST">
                @csrf
                <input type="hidden" name="invoice_id" value="{{ $invoice->id }}">
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">المبلغ</label>
                        <input type="number" step="0.01" class="form-control" name="amount" 
                               value="{{ $invoice->total_amount - $invoice->paid_amount }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">طريقة الدفع</label>
                        <select class="form-select" name="payment_method" required>
                            <option value="cash">نقدي</option>
                            <option value="bank_transfer">تحويل بنكي</option>
                            <option value="card">بطاقة ائتمان</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">ملاحظات</label>
                        <textarea class="form-control" name="notes" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-primary">حفظ السداد</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

@endsection

@push('styles')
<style>
    @media print {
        .d-print-none {
            display: none !important;
        }
        body {
            font-size: 14px;
        }
        .card {
            border: none;
        }
        .table th, .table td {
            padding: 0.3rem;
        }
    }
</style>
@endpush