@extends('layouts.app')

@section('title', 'تفاصيل الدفعة')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">تفاصيل الدفعة #{{ $payment->payment_number }}</h3>
                    <div class="card-tools">
                        <a href="{{ route('customer-payments.index') }}" class="btn btn-default btn-sm">
                            <i class="fas fa-arrow-right"></i> العودة لقائمة الدفعات
                        </a>
                        
                        @can('update', $payment)
                        <a href="{{ route('customer-payments.edit', $payment) }}" class="btn btn-warning btn-sm">
                            <i class="fas fa-edit"></i> تعديل الدفعة
                        </a>
                        @endcan
                        
                        @can('delete', $payment)
                        <form action="{{ route('customer-payments.destroy', $payment) }}" method="POST" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('هل أنت متأكد من حذف هذه الدفعة؟')">
                                <i class="fas fa-trash"></i> حذف الدفعة
                            </button>
                        </form>
                        @endcan
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-primary">
                                    <h3 class="card-title">معلومات الدفعة</h3>
                                </div>
                                <div class="card-body">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th style="width: 30%">رقم الدفعة</th>
                                            <td>{{ $payment->payment_number }}</td>
                                        </tr>
                                        <tr>
                                            <th>تاريخ الدفع</th>
                                            <td>{{ $payment->payment_date->format('Y-m-d') }}</td>
                                        </tr>
                                        <tr>
                                            <th>المبلغ</th>
                                            <td>{{ number_format($payment->amount, 2) }} ريال</td>
                                        </tr>
                                        <tr>
                                            <th>طريقة الدفع</th>
                                            <td>
                                                @switch($payment->payment_method)
                                                    @case('cash')
                                                        <span class="badge badge-success">نقداً</span>
                                                        @break
                                                    @case('bank_transfer')
                                                        <span class="badge badge-info">تحويل بنكي</span>
                                                        @break
                                                    @case('check')
                                                        <span class="badge badge-warning">شيك</span>
                                                        @break
                                                    @case('credit_card')
                                                        <span class="badge badge-primary">بطاقة ائتمان</span>
                                                        @break
                                                    @case('other')
                                                        <span class="badge badge-secondary">أخرى</span>
                                                        @break
                                                    @default
                                                        <span class="badge badge-secondary">{{ $payment->payment_method }}</span>
                                                @endswitch
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>رقم المرجع</th>
                                            <td>{{ $payment->reference_number ?: 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <th>تاريخ الإنشاء</th>
                                            <td>{{ $payment->created_at->format('Y-m-d H:i') }}</td>
                                        </tr>
                                        <tr>
                                            <th>آخر تحديث</th>
                                            <td>{{ $payment->updated_at->format('Y-m-d H:i') }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-info">
                                    <h3 class="card-title">معلومات العميل والفاتورة</h3>
                                </div>
                                <div class="card-body">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th style="width: 30%">العميل</th>
                                            <td>
                                                <a href="{{ route('customers.show', $payment->customer) }}">
                                                    {{ $payment->customer->name }}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>اسم الشركة</th>
                                            <td>{{ $payment->customer->company_name ?: 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <th>رقم الهاتف</th>
                                            <td>{{ $payment->customer->phone ?: 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <th>البريد الإلكتروني</th>
                                            <td>{{ $payment->customer->email ?: 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <th>الفاتورة</th>
                                            <td>
                                                @if($payment->invoice)
                                                <a href="{{ route('customer-invoices.show', $payment->invoice) }}">
                                                    {{ $payment->invoice->invoice_number }}
                                                </a>
                                                @else
                                                <span class="text-muted">غير مرتبط بفاتورة</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @if($payment->invoice)
                                        <tr>
                                            <th>إجمالي الفاتورة</th>
                                            <td>{{ number_format($payment->invoice->total_amount, 2) }} ريال</td>
                                        </tr>
                                        <tr>
                                            <th>المبلغ المدفوع</th>
                                            <td>{{ number_format($payment->invoice->paid_amount, 2) }} ريال</td>
                                        </tr>
                                        <tr>
                                            <th>المبلغ المتبقي</th>
                                            <td>{{ number_format($payment->invoice->total_amount - $payment->invoice->paid_amount, 2) }} ريال</td>
                                        </tr>
                                        <tr>
                                            <th>حالة الفاتورة</th>
                                            <td>
                                                @switch($payment->invoice->status)
                                                    @case('draft')
                                                        <span class="badge badge-secondary">مسودة</span>
                                                        @break
                                                    @case('sent')
                                                        <span class="badge badge-info">مرسلة</span>
                                                        @break
                                                    @case('paid')
                                                        <span class="badge badge-success">مدفوعة</span>
                                                        @break
                                                    @case('partially_paid')
                                                        <span class="badge badge-warning">مدفوعة جزئياً</span>
                                                        @break
                                                    @case('overdue')
                                                        <span class="badge badge-danger">متأخرة</span>
                                                        @break
                                                    @case('cancelled')
                                                        <span class="badge badge-dark">ملغاة</span>
                                                        @break
                                                    @default
                                                        <span class="badge badge-secondary">{{ $payment->invoice->status }}</span>
                                                @endswitch
                                            </td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row mt-4">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header bg-secondary">
                                    <h3 class="card-title">ملاحظات ومرفقات</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label><strong>الملاحظات:</strong></label>
                                                <div class="p-3 bg-light rounded">
                                                    {!! $payment->notes ? nl2br(e($payment->notes)) : '<span class="text-muted">لا توجد ملاحظات</span>' !!}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label><strong>المرفقات:</strong></label>
                                                <div class="p-3 bg-light rounded">
                                                    @if($payment->attachment)
                                                    <a href="{{ Storage::url($payment->attachment) }}" target="_blank" class="btn btn-info">
                                                        <i class="fas fa-download"></i> تحميل المرفق
                                                    </a>
                                                    @else
                                                    <span class="text-muted">لا توجد مرفقات</span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection