@extends('admin.layouts.master')

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

@section('content')
<div class="pc-container">
	<div class="pc-content">
		<div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
			<div>
				<h4 class="mb-1">تفاصيل التحويل {{ $transfer->transfer_number }}</h4>
				<p class="text-muted mb-0">عرض شامل لبيانات التحويل والحسابات المرتبطة به.</p>
			</div>
			<div class="d-flex gap-2">
				@can('account_transfers.update')
				<a href="{{ route('admin.account_transfers.edit', $transfer) }}" class="btn btn-warning">
					<i class="ti ti-edit me-1"></i>تعديل
				</a>
				@endcan
				<a href="{{ route('admin.account_transfers.index') }}" class="btn btn-light">
					<i class="ti ti-arrow-right me-1"></i>رجوع
				</a>
			</div>
		</div>

		<div class="row g-3 mb-3">
			<div class="col-md-3">
				<div class="card h-100 border-0 shadow-sm">
					<div class="card-body">
						<div class="text-muted small">رقم التحويل</div>
						<div class="fw-bold text-primary fs-5">{{ $transfer->transfer_number }}</div>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="card h-100 border-0 shadow-sm">
					<div class="card-body">
						<div class="text-muted small">قيمة التحويل</div>
						<div class="fw-bold text-success fs-5">{{ number_format((float) $transfer->amount, 2) }} ج.م</div>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="card h-100 border-0 shadow-sm">
					<div class="card-body">
						<div class="text-muted small">تاريخ التحويل</div>
						<div class="fw-bold fs-5">{{ $transfer->transfer_date?->format('Y-m-d') ?? '-' }}</div>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="card h-100 border-0 shadow-sm">
					<div class="card-body">
						<div class="text-muted small">الحالة</div>
						<div><span class="badge bg-{{ $statusMeta['class'] }} fs-6">{{ $statusMeta['label'] }}</span></div>
					</div>
				</div>
			</div>
		</div>

		<div class="row g-3">
			<div class="col-lg-6">
				<div class="card h-100">
					<div class="card-header">
						<h6 class="mb-0"><i class="ti ti-arrow-up-right me-1 text-danger"></i>الحساب المحول منه</h6>
					</div>
					<div class="card-body">
						<div class="mb-2"><span class="text-muted">اسم الحساب:</span> <strong>{{ $transfer->fromAccount?->name_ar ?? '-' }}</strong></div>
						<div class="mb-2"><span class="text-muted">نوع الحساب:</span> {{ $transfer->fromAccount?->type_name ?? '-' }}</div>
						<div class="mb-2"><span class="text-muted">الرصيد الحالي:</span> <strong class="text-primary">{{ $transfer->fromAccount ? number_format((float) $transfer->fromAccount->current_balance, 2) : '-' }} ج.م</strong></div>
						<div><span class="text-muted">مزود الخدمة:</span> {{ $transfer->fromAccount?->provider_name ?: '-' }}</div>
					</div>
				</div>
			</div>

			<div class="col-lg-6">
				<div class="card h-100">
					<div class="card-header">
						<h6 class="mb-0"><i class="ti ti-arrow-down-left me-1 text-success"></i>الحساب المحول إليه</h6>
					</div>
					<div class="card-body">
						<div class="mb-2"><span class="text-muted">اسم الحساب:</span> <strong>{{ $transfer->toAccount?->name_ar ?? '-' }}</strong></div>
						<div class="mb-2"><span class="text-muted">نوع الحساب:</span> {{ $transfer->toAccount?->type_name ?? '-' }}</div>
						<div class="mb-2"><span class="text-muted">الرصيد الحالي:</span> <strong class="text-primary">{{ $transfer->toAccount ? number_format((float) $transfer->toAccount->current_balance, 2) : '-' }} ج.م</strong></div>
						<div><span class="text-muted">مزود الخدمة:</span> {{ $transfer->toAccount?->provider_name ?: '-' }}</div>
					</div>
				</div>
			</div>
		</div>

		<div class="card mt-3">
			<div class="card-header">
				<h6 class="mb-0">بيانات إضافية</h6>
			</div>
			<div class="card-body">
				<div class="row g-3">
					<div class="col-md-4">
						<span class="text-muted d-block small">رقم المرجع</span>
						<span class="fw-semibold">{{ $transfer->reference_number ?: '-' }}</span>
					</div>
					<div class="col-md-4">
						<span class="text-muted d-block small">تم الإنشاء بواسطة</span>
						<span class="fw-semibold">{{ $transfer->creator?->name ?? '-' }}</span>
					</div>
					<div class="col-md-4">
						<span class="text-muted d-block small">وقت التسجيل</span>
						<span class="fw-semibold">{{ $transfer->created_at?->format('Y-m-d H:i') ?? '-' }}</span>
						@if($createdAtHuman)
							<small class="text-muted d-block">({{ $createdAtHuman }})</small>
						@endif
					</div>
					<div class="col-12">
						<span class="text-muted d-block small">ملاحظات</span>
						<div class="fw-semibold">{{ $transfer->notes_ar ?: 'لا توجد ملاحظات.' }}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection