@extends('layouts.app')

@section('title', 'تفاصيل الحوالة - نظام إدارة الحوالات الخارجية')

@section('page-title', 'تفاصيل الحوالة')

@section('page-actions')
    @if($transfer->status === 'draft')
        <a href="{{ route('transfers.edit', $transfer) }}" class="btn btn-primary me-2">
            <i class="bi bi-pencil"></i> تعديل الحوالة
        </a>
        <form action="{{ route('transfers.destroy', $transfer) }}" method="POST" class="d-inline" onsubmit="return confirm('هل أنت متأكد من حذف هذه الحوالة؟');">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-danger">
                <i class="bi bi-trash"></i> حذف الحوالة
            </button>
        </form>
    @endif
    <a href="{{ route('transfers.index') }}" class="btn btn-secondary ms-2">
        <i class="bi bi-arrow-right"></i> العودة إلى قائمة الحوالات
    </a>
@endsection

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">معلومات الحوالة</h5>
                <span class="badge {{ $transfer->status === 'draft' ? 'bg-secondary' : ($transfer->status === 'pending' ? 'bg-warning' : ($transfer->status === 'completed' ? 'bg-success' : 'bg-danger')) }}">
                    @if($transfer->status === 'draft')
                        مسودة
                    @elseif($transfer->status === 'pending')
                        قيد التنفيذ
                    @elseif($transfer->status === 'completed')
                        مكتملة
                    @elseif($transfer->status === 'rejected')
                        مرفوضة
                    @else
                        {{ $transfer->status }}
                    @endif
                </span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>رقم المرجع</h6>
                        <p class="form-control-static">{{ $transfer->reference_number }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6>تاريخ التحويل</h6>
                        <p class="form-control-static">{{ $transfer->transfer_date->format('Y-m-d') }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>الشركة المحولة</h6>
                        <p class="form-control-static">{{ $transfer->company->name }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6>المصرف</h6>
                        <p class="form-control-static">{{ $transfer->bank->name }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>رقم الحساب</h6>
                        <p class="form-control-static">{{ $transfer->bankAccount->account_number }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6>المستفيد</h6>
                        <p class="form-control-static">{{ $transfer->beneficiary->name }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>المبلغ</h6>
                        <p class="form-control-static">{{ number_format($transfer->amount, 2) }} {{ $transfer->currency }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6>المبلغ كتابة</h6>
                        <p class="form-control-static">{{ $transfer->amount_in_words }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>المبلغ كتابة (بالإنجليزية)</h6>
                        <p class="form-control-static">{{ $transfer->amount_in_words_en }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6>الغرض من التحويل</h6>
                        <p class="form-control-static">{{ $transfer->purpose }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>الغرض من التحويل (بالإنجليزية)</h6>
                        <p class="form-control-static">{{ $transfer->purpose_en }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6>رقم الفاتورة</h6>
                        <p class="form-control-static">{{ $transfer->invoice_number }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <h6>تاريخ الفاتورة</h6>
                        <p class="form-control-static">{{ $transfer->invoice_date->format('Y-m-d') }}</p>
                    </div>
                </div>
                @if($transfer->note)
                <div class="row mb-3">
                    <div class="col-12">
                        <h6>ملاحظات</h6>
                        <p class="form-control-static">{{ $transfer->note }}</p>
                    </div>
                </div>
                @endif
            </div>
        </div>

        <!-- المستندات المولدة -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">المستندات المولدة</h5>
            </div>
            <div class="card-body">
                @if($transfer->documents->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>نوع المستند</th>
                                    <th>تاريخ التوليد</th>
                                    <th>الإجراءات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($transfer->documents as $document)
                                    <tr>
                                        <td>{{ $document->template->name }}</td>
                                        <td>{{ $document->generated_at->format('Y-m-d H:i') }}</td>
                                        <td>
                                            <a href="{{ Storage::url($document->file_path) }}" class="btn btn-sm btn-primary" target="_blank">
                                                <i class="bi bi-file-earmark-pdf"></i> عرض
                                            </a>
                                            <a href="{{ route('transfers.print', ['transfer' => $transfer->id, 'template' => $document->template->id]) }}" class="btn btn-sm btn-secondary">
                                                <i class="bi bi-printer"></i> طباعة
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="alert alert-info">
                        لم يتم توليد أي مستندات لهذه الحوالة حتى الآن.
                    </div>
                @endif
            </div>
        </div>

        <!-- توليد مستندات جديدة -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">توليد مستندات جديدة</h5>
            </div>
            <div class="card-body">
                @if($bankTemplates->count() > 0)
                    <form action="{{ route('transfers.generate-docs', $transfer) }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">اختر النماذج المطلوبة</label>
                            <div class="row">
                                @foreach($bankTemplates as $template)
                                    <div class="col-md-6 mb-2">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="template_ids[]" value="{{ $template->id }}" id="template_{{ $template->id }}">
                                            <label class="form-check-label" for="template_{{ $template->id }}">
                                                {{ $template->name }}
                                            </label>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-file-earmark-plus"></i> توليد المستندات المحددة
                        </button>
                    </form>
                @else
                    <div class="alert alert-warning">
                        لا توجد نماذج متاحة لهذا البنك. يرجى التواصل مع مسؤول النظام.
                    </div>
                @endif
            </div>
        </div>

        <!-- المرفقات -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">المرفقات</h5>
            </div>
            <div class="card-body">
                @if($transfer->attachments->count() > 0)
                    <div class="row">
                        @foreach($transfer->attachments as $attachment)
                            <div class="col-md-6 mb-3">
                                <div class="card h-100">
                                    <div class="card-body">
                                        <h6 class="card-title text-truncate">{{ $attachment->file_name }}</h6>
                                        <p class="card-text">
                                            <span class="badge bg-secondary">
                                                @if($attachment->file_type == 'invoice')
                                                    فاتورة
                                                @elseif($attachment->file_type == 'import_license')
                                                    إجازة استيراد
                                                @elseif($attachment->file_type == 'shipping_document')
                                                    مستند شحن
                                                @else
                                                    مستند آخر
                                                @endif
                                            </span>
                                            <small class="text-muted d-block mt-1">تاريخ الرفع: {{ $attachment->uploaded_at->format('Y-m-d') }}</small>
                                        </p>
                                        <a href="{{ Storage::url($attachment->file_path) }}" class="btn btn-sm btn-primary" target="_blank">
                                            <i class="bi bi-eye"></i> عرض
                                        </a>
                                        <a href="{{ Storage::url($attachment->file_path) }}" class="btn btn-sm btn-secondary" download>
                                            <i class="bi bi-download"></i> تنزيل
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <div class="alert alert-info">
                        لا توجد مرفقات لهذه الحوالة.
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <!-- معلومات المستفيد -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">معلومات المستفيد</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <h6>معلومات المستفيد</h6>
                    <p><strong>الاسم:</strong> {{ $transfer->beneficiary->name }}</p>
                    <p><strong>العنوان:</strong> {{ $transfer->beneficiary->address }}</p>
                    <p><strong>الدولة:</strong> {{ $transfer->beneficiary->country }} - {{ $transfer->beneficiary->city }}</p>
                </div>
                
                <div class="mb-3">
                    <h6>معلومات البنك المستفيد</h6>
                    <p><strong>البنك:</strong> {{ $transfer->beneficiary->bank_name }}</p>
                    <p><strong>العنوان:</strong> {{ $transfer->beneficiary->bank_address }}</p>
                    <p><strong>سويفت كود:</strong> {{ $transfer->beneficiary->swift_code }}</p>
                    <p><strong>رقم الحساب:</strong> {{ $transfer->beneficiary->account_number }}</p>
                </div>
            </div>
        </div>

        <!-- تاريخ الإجراءات -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="mb-0">تاريخ الإجراءات</h5>
            </div>
            <div class="card-body">
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-marker bg-success"></div>
                        <div class="timeline-content">
                            <h6 class="timeline-title">إنشاء الحوالة</h6>
                            <p class="timeline-date">{{ $transfer->created_at->format('Y-m-d H:i') }}</p>
                        </div>
                    </div>
                    
                    @if($transfer->status !== 'draft')
                    <div class="timeline-item">
                        <div class="timeline-marker bg-warning"></div>
                        <div class="timeline-content">
                            <h6 class="timeline-title">تقديم الحوالة للتنفيذ</h6>
                            <p class="timeline-date">{{ $transfer->updated_at->format('Y-m-d H:i') }}</p>
                        </div>
                    </div>
                    @endif
                    
                    @if($transfer->status === 'completed')
                    <div class="timeline-item">
                        <div class="timeline-marker bg-success"></div>
                        <div class="timeline-content">
                            <h6 class="timeline-title">اكتمال الحوالة</h6>
                            <p class="timeline-date">{{ $transfer->updated_at->format('Y-m-d H:i') }}</p>
                        </div>
                    </div>
                    @endif
                    
                    @if($transfer->status === 'rejected')
                    <div class="timeline-item">
                        <div class="timeline-marker bg-danger"></div>
                        <div class="timeline-content">
                            <h6 class="timeline-title">رفض الحوالة</h6>
                            <p class="timeline-date">{{ $transfer->updated_at->format('Y-m-d H:i') }}</p>
                            @if($transfer->rejection_reason)
                            <p class="timeline-text text-danger">{{ $transfer->rejection_reason }}</p>
                            @endif
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- الإجراءات السريعة -->
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">الإجراءات السريعة</h5>
            </div>
            <div class="card-body">
                <div class="d-grid gap-2">
                    @if($transfer->status === 'draft')
                        <a href="{{ route('transfers.edit', $transfer) }}" class="btn btn-primary btn-block">
                            <i class="bi bi-pencil"></i> تعديل الحوالة
                        </a>
                    @endif
                    
                    @if($transfer->documents->count() > 0)
                        <div class="dropdown">
                            <button class="btn btn-secondary btn-block dropdown-toggle" type="button" id="printDocumentsDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="bi bi-printer"></i> طباعة المستندات
                            </button>
                            <ul class="dropdown-menu w-100" aria-labelledby="printDocumentsDropdown">
                                @foreach($transfer->documents as $document)
                                    <li>
                                        <a class="dropdown-item" href="{{ route('transfers.print', ['transfer' => $transfer->id, 'template' => $document->template->id]) }}" target="_blank">
                                            {{ $document->template->name }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    
                    @if($transfer->status === 'draft')
                        <form action="{{ route('transfers.destroy', $transfer) }}" method="POST" onsubmit="return confirm('هل أنت متأكد من حذف هذه الحوالة؟');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-block">
                                <i class="bi bi-trash"></i> حذف الحوالة
                            </button>
                        </form>
                    @endif
                    
                    <a href="{{ route('transfers.index') }}" class="btn btn-outline-secondary btn-block">
                        <i class="bi bi-arrow-right"></i> العودة إلى قائمة الحوالات
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('styles')
<style>
    /* Timeline Styling */
    .timeline {
        position: relative;
        padding: 0;
        list-style: none;
    }
    
    .timeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #e9ecef;
        left: 7px;
        margin-left: 0;
    }
    
    .timeline-item {
        position: relative;
        margin-bottom: 20px;
    }
    
    .timeline-marker {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        left: 0;
        top: 3px;
    }
    
    .timeline-content {
        margin-left: 30px;
    }
    
    .timeline-title {
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: bold;
    }
    
    .timeline-date {
        margin-bottom: 0;
        color: #6c757d;
        font-size: 0.85rem;
    }
    
    .timeline-text {
        margin-top: 5px;
    }
</style>
@endsection