@extends('layouts.banking')

@section('title', 'إيصال المعاملة')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card" id="printable-receipt">
                <div class="card-body">
                    <div class="text-center mb-4">
                        <h3 class="mb-0">شركة CodePlus للصرافة</h3>
                        <p class="mb-1">{{ $transaction->branch->name }}</p>
                        <p class="mb-1">{{ $transaction->branch->address }}</p>
                        <p class="mb-1">هاتف: {{ $transaction->branch->phone }}</p>
                        <h4 class="mt-3 border-top border-bottom py-2">إيصال معاملة</h4>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-6">
                            <p class="mb-1"><strong>رقم المرجع:</strong> {{ $transaction->reference_number }}</p>
                            <p class="mb-1"><strong>التاريخ:</strong> {{ $transaction->transaction_date->format('Y-m-d H:i:s') }}</p>
                            <p class="mb-1"><strong>نوع المعاملة:</strong> {{ $transaction->type_name }}</p>
                        </div>
                        <div class="col-6 text-start">
                            <p class="mb-1"><strong>الموظف:</strong> {{ $transaction->user->name }}</p>
                            <p class="mb-1"><strong>العميل:</strong> {{ $transaction->customer->name ?? 'غير محدد' }}</p>
                            <p class="mb-1"><strong>الحالة:</strong> {{ $transaction->status_name }}</p>
                        </div>
                    </div>
                    
                    <div class="table-responsive mb-3">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>البيان</th>
                                    <th>المبلغ</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>المبلغ المصدر ({{ $transaction->sourceCurrency->code }})</td>
                                    <td>{{ number_format($transaction->amount, $transaction->sourceCurrency->decimal_places) }} {{ $transaction->sourceCurrency->symbol }}</td>
                                </tr>
                                @if($transaction->target_currency_id)
                                <tr>
                                    <td>سعر الصرف</td>
                                    <td>1 {{ $transaction->sourceCurrency->symbol }} = {{ number_format($transaction->exchange_rate, 6) }} {{ $transaction->targetCurrency->symbol }}</td>
                                </tr>
                                <tr>
                                    <td>المبلغ الهدف ({{ $transaction->targetCurrency->code }})</td>
                                    <td>{{ number_format($transaction->amount * $transaction->exchange_rate, $transaction->targetCurrency->decimal_places) }} {{ $transaction->targetCurrency->symbol }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <td>رسوم المعاملة</td>
                                    <td>{{ number_format($transaction->fee_amount, $transaction->sourceCurrency->decimal_places) }} {{ $transaction->sourceCurrency->symbol }}</td>
                                </tr>
                                <tr>
                                    <td><strong>المبلغ الإجمالي</strong></td>
                                    <td><strong>{{ number_format($transaction->total_amount, $transaction->sourceCurrency->decimal_places) }} {{ $transaction->sourceCurrency->symbol }}</strong></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    
                    @if($transaction->type == 'remittance_send')
                    <div class="mb-3">
                        <h5>معلومات المستفيد</h5>
                        <div class="row">
                            <div class="col-6">
                                <p class="mb-1"><strong>اسم المستفيد:</strong> {{ $transaction->metadata['beneficiary_name'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>رقم هاتف المستفيد:</strong> {{ $transaction->metadata['beneficiary_phone'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>عنوان المستفيد:</strong> {{ $transaction->metadata['beneficiary_address'] ?? 'غير محدد' }}</p>
                            </div>
                            <div class="col-6">
                                <p class="mb-1"><strong>نوع هوية المستفيد:</strong> {{ $transaction->metadata['beneficiary_id_type'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>رقم هوية المستفيد:</strong> {{ $transaction->metadata['beneficiary_id_number'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>الوكيل المستلم:</strong> {{ $transaction->agent->name ?? 'غير محدد' }}</p>
                            </div>
                        </div>
                    </div>
                    @elseif($transaction->type == 'remittance_receive')
                    <div class="mb-3">
                        <h5>معلومات المرسل</h5>
                        <div class="row">
                            <div class="col-6">
                                <p class="mb-1"><strong>اسم المرسل:</strong> {{ $transaction->metadata['sender_name'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>رقم هاتف المرسل:</strong> {{ $transaction->metadata['sender_phone'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>عنوان المرسل:</strong> {{ $transaction->metadata['sender_address'] ?? 'غير محدد' }}</p>
                            </div>
                            <div class="col-6">
                                <p class="mb-1"><strong>رمز الحوالة:</strong> {{ $transaction->metadata['remittance_code'] ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>الوكيل المرسل:</strong> {{ $transaction->agent->name ?? 'غير محدد' }}</p>
                                <p class="mb-1"><strong>الغرض من الحوالة:</strong> {{ $transaction->metadata['purpose'] ?? 'غير محدد' }}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                    
                    @if($transaction->notes)
                    <div class="mb-3">
                        <h5>ملاحظات</h5>
                        <p>{{ $transaction->notes }}</p>
                    </div>
                    @endif
                    
                    <div class="row mt-5">
                        <div class="col-6 text-center">
                            <p class="mb-5">توقيع الموظف</p>
                            <div class="border-top pt-2">{{ $transaction->user->name }}</div>
                        </div>
                        <div class="col-6 text-center">
                            <p class="mb-5">توقيع العميل</p>
                            <div class="border-top pt-2">{{ $transaction->customer->name ?? '________________' }}</div>
                        </div>
                    </div>
                    
                    <div class="text-center mt-5">
                        <p class="mb-1">شكراً لاختياركم شركة CodePlus للصرافة</p>
                        <p class="mb-0">جميع الحقوق محفوظة &copy; {{ date('Y') }}</p>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-3 d-print-none">
                <button class="btn btn-primary" onclick="window.print()">
                    <i class="fas fa-print me-1"></i> طباعة الإيصال
                </button>
                <a href="{{ route('transactions.show', $transaction) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-right me-1"></i> العودة إلى تفاصيل المعاملة
                </a>
            </div>
        </div>
    </div>
</div>
@endsection

@section('styles')
<style>
    @media print {
        body * {
            visibility: hidden;
        }
        #printable-receipt, #printable-receipt * {
            visibility: visible;
        }
        #printable-receipt {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }
        .d-print-none {
            display: none !important;
        }
    }
</style>
@endsection