﻿<x-app-layout>
    <x-slot name="header">
        <div class="flex justify-between items-center">
            <h2 class="font-semibold text-l text-gray-800 leading-tight">
                {{ __('تفاصيل دفعة المورد') }} - {{ $payment->payment_number }}
            </h2>
            <div class="flex space-y-2 space-y-reverse">
                @can('update', $payment)
                <a href="{{ route('supplier-payments.edit', $payment) }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 p-4 rounded ml-2">
                    {{ __('تعديل') }}
                </a>
                @endcan
                <a href="{{ route('supplier-payments.index') }}" class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 p-4 rounded">
                    {{ __('العودة للقائمة') }}
                </a>
            </div>
        </div>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7l m-auto sm:p-6 lg:p-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 bg-white border-b border-gray-200">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <!-- معلومات الدفعة -->
                        <div class="bg-gray-50 p-4 rounded-lg">
                            <h3 class="text-lg font-semibold mb-4 border-b pb-2">{{ __('معلومات الدفعة') }}</h3>
                            
                            <div class="grid grid-cols-2 gap-4">
                                <div>
                                    <p class="text-sm text-gray-600">{{ __('رقم الدفعة') }}</p>
                                    <p class="font-semibold">{{ $payment->payment_number }}</p>
                                </div>
                                
                                <div>
                                    <p class="text-sm text-gray-600">{{ __('تاريخ الدفع') }}</p>
                                    <p class="font-semibold">{{ $payment->payment_date->format('Y-m-d') }}</p>
                                </div>
                                
                                <div>
                                    <p class="text-sm text-gray-600">{{ __('المبلغ') }}</p>
                                    <p class="font-semibold">{{ number_format($payment->amount, 2) }}</p>
                                </div>
                                
                                <div>
                                    <p class="text-sm text-gray-600">{{ __('طريقة الدفع') }}</p>
                                    <p class="font-semibold">
                                        @switch($payment->payment_method)
                                            @case('cash')
                                                {{ __('نقدي') }}
                                                @break
                                            @case('bank_transfer')
                                                {{ __('تحويل بنكي') }}
                                                @break
                                            @case('cheque')
                                                {{ __('شيك') }}
                                                @break
                                            @case('credit_card')
                                                {{ __('بطاقة ائتمان') }}
                                                @break
                                            @default
                                                {{ __('أخرى') }}
                                        @endswitch
                                    </p>
                                </div>
                                
                                @if($payment->reference_number)
                                <div>
                                    <p class="text-sm text-gray-600">{{ __('رقم المرجع') }}</p>
                                    <p class="font-semibold">{{ $payment->reference_number }}</p>
                                </div>
                                @endif
                                
                                <div>
                                    <p class="text-sm text-gray-600">{{ __('تاريخ الإنشاء') }}</p>
                                    <p class="font-semibold">{{ $payment->created_at->format('Y-m-d H:i') }}</p>
                                </div>
                            </div>
                            
                            @if($payment->notes)
                            <div class="mt-4">
                                <p class="text-sm text-gray-600">{{ __('ملاحظات') }}</p>
                                <p class="font-semibold">{{ $payment->notes }}</p>
                            </div>
                            @endif
                            
                            @if($payment->attachment)
                            <div class="mt-4">
                                <p class="text-sm text-gray-600">{{ __('المرفق') }}</p>
                                <a href="{{ Storage::url($payment->attachment) }}" target="_blank" class="text-blue-600 hover:text-blue-900 font-semibold">
                                    {{ __('عرض المرفق') }}
                                </a>
                            </div>
                            @endif
                        </div>
                        
                        <!-- معلومات المورد والفاتورة -->
                        <div class="bg-gray-50 p-4 rounded-lg">
                            <h3 class="text-lg font-semibold mb-4 border-b pb-2">{{ __('معلومات المورد') }}</h3>
                            
                            <div class="mb-6">
                                <p class="text-sm text-gray-600">{{ __('اسم المورد') }}</p>
                                <p class="font-semibold">
                                    <a href="{{ route('suppliers.show', $payment->supplier) }}" class="text-blue-600 hover:text-blue-900">
                                        {{ $payment->supplier->name }}
                                    </a>
                                </p>
                                
                                @if($payment->supplier->phone)
                                <p class="text-sm text-gray-600 mt-2">{{ __('رقم الهاتف') }}</p>
                                <p class="font-semibold">{{ $payment->supplier->phone }}</p>
                                @endif
                                
                                @if($payment->supplier->email)
                                <p class="text-sm text-gray-600 mt-2">{{ __('البريد الإلكتروني') }}</p>
                                <p class="font-semibold">{{ $payment->supplier->email }}</p>
                                @endif
                            </div>
                            
                            @if($payment->invoice)
                            <h3 class="text-lg font-semibold mb-4 border-b pb-2">{{ __('معلومات الفاتورة') }}</h3>
                            <div>
                                <p class="text-sm text-gray-600">{{ __('رقم الفاتورة') }}</p>
                                <p class="font-semibold">
                                    <a href="{{ route('supplier-invoices.show', $payment->invoice) }}" class="text-blue-600 hover:text-blue-900">
                                        {{ $payment->invoice->invoice_number }}
                                    </a>
                                </p>
                                
                                <div class="grid grid-cols-2 gap-4 mt-2">
                                    <div>
                                        <p class="text-sm text-gray-600">{{ __('تاريخ الفاتورة') }}</p>
                                        <p class="font-semibold">{{ $payment->invoice->invoice_date->format('Y-m-d') }}</p>
                                    </div>
                                    
                                    <div>
                                        <p class="text-sm text-gray-600">{{ __('تاريخ الاستحقاق') }}</p>
                                        <p class="font-semibold">{{ $payment->invoice->due_date->format('Y-m-d') }}</p>
                                    </div>
                                    
                                    <div>
                                        <p class="text-sm text-gray-600">{{ __('إجمالي الفاتورة') }}</p>
                                        <p class="font-semibold">{{ number_format($payment->invoice->total_amount, 2) }}</p>
                                    </div>
                                    
                                    <div>
                                        <p class="text-sm text-gray-600">{{ __('المبلغ المدفوع') }}</p>
                                        <p class="font-semibold">{{ number_format($payment->invoice->paid_amount, 2) }}</p>
                                    </div>
                                    
                                    <div>
                                        <p class="text-sm text-gray-600">{{ __('المبلغ المتبقي') }}</p>
                                        <p class="font-semibold">{{ number_format($payment->invoice->remaining_amount, 2) }}</p>
                                    </div>
                                    
                                    <div>
                                        <p class="text-sm text-gray-600">{{ __('حالة الفاتورة') }}</p>
                                        <p class="font-semibold">
                                            @switch($payment->invoice->status)
                                                @case('draft')
                                                    <span class="p-2 py-1 bg-gray-200 text-gray-800 rounded-full text-s">{{ __('مسودة') }}</span>
                                                    @break
                                                @case('approved')
                                                    <span class="p-2 py-1 bg-blue-200 text-blue-800 rounded-full text-s">{{ __('معتمدة') }}</span>
                                                    @break
                                                @case('partially_paid')
                                                    <span class="p-2 py-1 bg-yellow-200 text-yellow-800 rounded-full text-s">{{ __('مدفوعة جزئياً') }}</span>
                                                    @break
                                                @case('paid')
                                                    <span class="p-2 py-1 bg-green-200 text-green-800 rounded-full text-s">{{ __('مدفوعة بالكامل') }}</span>
                                                    @break
                                                @case('overdue')
                                                    <span class="p-2 py-1 bg-red-200 text-red-800 rounded-full text-s">{{ __('متأخرة') }}</span>
                                                    @break
                                                @case('cancelled')
                                                    <span class="p-2 py-1 bg-gray-200 text-gray-800 rounded-full text-s">{{ __('ملغاة') }}</span>
                                                    @break
                                                @default
                                                    <span class="p-2 py-1 bg-gray-200 text-gray-800 rounded-full text-s">{{ $payment->invoice->status }}</span>
                                            @endswitch
                                        </p>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                        
                        <!-- معلومات الحساب البنكي أو الخزينة -->
                        <div class="bg-gray-50 p-4 rounded-lg md:col-span-2">
                            <h3 class="text-lg font-semibold mb-4 border-b pb-2">{{ __('معلومات الدفع') }}</h3>
                            
                            @if($payment->payment_method == 'cash' && $payment->treasury)
                            <div>
                                <p class="text-sm text-gray-600">{{ __('الخزينة') }}</p>
                                <p class="font-semibold">{{ $payment->treasury->name }}</p>
                                
                                @if($payment->treasury->location)
                                <p class="text-sm text-gray-600 mt-2">{{ __('الموقع') }}</p>
                                <p class="font-semibold">{{ $payment->treasury->location }}</p>
                                @endif
                            </div>
                            @elseif(in_array($payment->payment_method, ['bank_transfer', 'cheque']) && $payment->bankAccount)
                            <div>
                                <p class="text-sm text-gray-600">{{ __('البنك') }}</p>
                                <p class="font-semibold">{{ $payment->bankAccount->bank_name }}</p>
                                
                                <p class="text-sm text-gray-600 mt-2">{{ __('رقم الحساب') }}</p>
                                <p class="font-semibold">{{ $payment->bankAccount->account_number }}</p>
                                
                                @if($payment->bankAccount->iban)
                                <p class="text-sm text-gray-600 mt-2">{{ __('رقم الآيبان') }}</p>
                                <p class="font-semibold">{{ $payment->bankAccount->iban }}</p>
                                @endif
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>
