@extends('emails.layout')
@section('title', 'تأكيد الحجز — ' . $ref)
@section('content')
<h1>تم تأكيد حجزك!</h1>
<p>مرحباً {{ $userName }}، يسعدنا إبلاغك بأن حجزك قد <strong>تم تأكيده</strong> بنجاح.</p>
<table class="info">
  <tr><td>رقم الحجز</td><td>{{ $ref }}</td></tr>
  <tr><td>المرفق</td><td>{{ $facility }}</td></tr>
  <tr><td>التاريخ</td><td>{{ $dates }}</td></tr>
  <tr><td>إجمالي المبلغ</td><td>{{ number_format($amount, 2) }} جنيه</td></tr>
  @if($balanceDue > 0)
  <tr><td>المبلغ المتبقي</td><td style="color:#b45309">{{ number_format($balanceDue, 2) }} جنيه</td></tr>
  @else
  <tr><td>حالة الدفع</td><td style="color:#065f46">مدفوع بالكامل</td></tr>
  @endif
</table>
@if($balanceDue > 0)
<div class="alert-a">يوجد مبلغ متبقي قدره {{ number_format($balanceDue, 2) }} جنيه. يرجى سداده قبل موعد الحجز.</div>
@endif
@if($portalUrl)
<p><a href="{{ $portalUrl }}" class="btn">عرض تفاصيل الحجز</a></p>
@endif
@endsection