@extends('emails.layout')
@section('title', 'تم تأكيد حجزك من قائمة الانتظار — ' . $ref)
@section('content')
<h1>تهانينا! تم تأكيد حجزك!</h1>
<p>مرحباً {{ $userName }}، يسعدنا إبلاغك بأن حجزك قد <strong>انتقل من قائمة الانتظار وتم تأكيده</strong>.</p>
<div class="alert-g">حجزك مؤكد الآن. نتطلع إلى استقبالك!</div>
<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>
  @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