@extends('emails.layout')

@section('title', 'Rezervasyon Alındı - ' . $reservation->confirmation_code)

@section('header_title', 'Rezervasyonunuz Alındı! 📋')

@section('content')
<p>Sayın <strong>{{ $reservation->customer_name }}</strong>,</p>

<p>{{ $restaurant->name }} restoranı için yaptığınız rezervasyon başarıyla oluşturulmuştur.
    Rezervasyonunuzun kesinleşmesi için aşağıdaki banka hesabına ön ödeme yapmanız gerekmektedir.</p>

<div class="info-box">
    <div class="info-row">
        <span class="info-label">Onay Kodu:</span>
        <span class="info-value"><strong>{{ $reservation->confirmation_code }}</strong></span>
    </div>
    <div class="info-row">
        <span class="info-label">Tarih:</span>
        <span class="info-value">{{ \Carbon\Carbon::parse($reservation->reservation_date)->format('d F Y') }}</span>
    </div>
    <div class="info-row">
        <span class="info-label">Saat:</span>
        <span class="info-value">{{ \Carbon\Carbon::parse($reservation->reservation_time)->format('H:i') }}</span>
    </div>
    <div class="info-row">
        <span class="info-label">Kişi Sayısı:</span>
        <span class="info-value">{{ $reservation->party_size }} Kişi</span>
    </div>
    <div class="info-row">
        <span class="info-label">Süre:</span>
        <span class="info-value">{{ $reservation->duration_minutes }} Dakika</span>
    </div>
</div>

@if($reservation->special_requests)
<div class="info-box">
    <p style="margin: 0;"><strong>Özel İstekleriniz:</strong></p>
    <p style="margin: 10px 0 0 0;">{{ $reservation->special_requests }}</p>
</div>
@endif

@if($reservation->menu_notes)
<div class="info-box">
    <p style="margin: 0;"><strong>Menü Tercihleriniz:</strong></p>
    <p style="margin: 10px 0 0 0; white-space: pre-line;">{{ $reservation->menu_notes }}</p>
</div>
@endif

<div class="info-box" style="background-color: #fff3cd; border-left: 4px solid #ffc107;">
    <p style="margin: 0; font-size: 16px;"><strong>⏳ Ödeme Bekleniyor</strong></p>
    <p style="margin: 8px 0 0 0;">Rezervasyonunuzun onaylanması için lütfen aşağıdaki banka hesabına ödeme yapınız.</p>
</div>

<div class="info-box" style="background-color: #f0f7ff; border-left: 4px solid #667eea;">
    <p style="margin: 0;"><strong>💳 Banka Bilgileri:</strong></p>

    <div style="margin: 12px 0; padding: 10px; background-color: #ffffff; border-radius: 6px; text-align: center;">
        <p style="margin: 0; font-size: 13px; color: #666;">Ödenecek Tutar:</p>
        <p style="margin: 6px 0 0 0; font-size: 24px; font-weight: bold; color: #d9534f;">
            {{ number_format($reservation->paid_amount, 2, ',', '.') }} ₺
        </p>
    </div>

    @if($bankName || $accountName || $iban)
    <div
        style="margin: 15px 0 0 0; padding: 15px; background-color: #fafafa; border: 1px solid #e0e0e0; border-radius: 6px; font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 1.8;">
        @if($bankName)
        <p style="margin: 0; color: #333;">{{ $bankName }}</p>
        @endif
        @if($accountName)
        <p style="margin: 0; color: #333;">{{ $accountName }}</p>
        @endif
        @if($iban)
        <p style="margin: 0; color: #333;">{{ $iban }}</p>
        @endif
        @if($reservation->confirmation_code)
        <p style="margin: 0; color: #333;">{{ $reservation->confirmation_code }}</p>
        @endif
    </div>
    <p style="margin: 8px 0 0 0; font-size: 12px; color: #666; font-style: italic;">
        💡 İpucu: Yukarıdaki bilgileri seçerek kolayca kopyalayabilirsiniz.
    </p>
    @endif

    <div style="margin: 12px 0 0 0; padding-top: 10px; border-top: 1px dashed #ccc;">
        <p style="margin: 0; font-size: 13px; color: #333;">
            <strong>⚠️ Önemli:</strong> Havale/EFT açıklama kısmına mutlaka rezervasyon kodunuzu
            (<strong>{{ $reservation->confirmation_code }}</strong>) yazınız.
        </p>
    </div>
</div>

<div
    style="background-color: #e7f3ff; border-left: 4px solid #2196F3; padding: 15px; margin: 20px 0; border-radius: 4px;">
    <p style="margin: 0; color: #0c5460;">
        <strong>Bilgilendirme:</strong> Ödemeniz alındıktan sonra rezervasyonunuz onaylanacak ve size bir onay e-postası
        gönderilecektir.
    </p>
    <p style="margin: 10px 0 0 0; color: #0c5460; font-size: 14px;">
        Lütfen <strong>{{ number_format($reservation->paid_amount, 2, ',', '.') }} ₺</strong> tutarındaki ödemenizi
        yukarıdaki banka hesabına yapınız.
    </p>
</div>

<div style="text-align: center; margin: 30px 0;">
    <p style="color: #6c757d; font-size: 14px;">Restoran adresi ve iletişim bilgileri:</p>
    <p style="margin: 10px 0;">
        <strong>{{ $restaurant->name }}</strong><br>
        @if($restaurant->address)
        {{ $restaurant->address }}<br>
        @endif
        @if($restaurant->phone)
        Tel: {{ $restaurant->phone }}<br>
        @endif
        @if($restaurant->email)
        E-posta: {{ $restaurant->email }}
        @endif
    </p>
</div>

<p style="color: #6c757d; font-size: 14px; margin-top: 30px;">
    Herhangi bir sorunuz varsa lütfen bizimle iletişime geçin.
</p>

<p style="margin-top: 30px;">Saygılarımızla,</p>
<p><strong>{{ $restaurant->name }} Ekibi</strong></p>
@endsection