@extends('emails.layout')

@php
  $res     = $reservation;
  $hotel   = $hotel;
  $guest   = $res->guest;
  $nights  = $res->check_in_expected->diffInDays($res->check_out_expected);
@endphp

@section('content')
<p class="greeting">Olá, {{ $guest?->first_name ?? 'Hóspede' }}! 👋</p>
<p class="text">
  Sua reserva foi <strong>confirmada</strong> com sucesso. Estamos ansiosos para recebê-lo(a)!
</p>

<div class="card">
  <div class="card-title">📋 Detalhes da Reserva</div>
  <div class="info-row">
    <span class="info-label">Localizador</span>
    <span class="info-value"># {{ $res->locator }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Hóspede</span>
    <span class="info-value">{{ $guest?->full_name }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Acomodação</span>
    <span class="info-value">{{ $res->room?->name ?? 'A definir' }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Check-in</span>
    <span class="info-value">{{ $res->check_in_expected->format('d/m/Y') }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Check-out</span>
    <span class="info-value">{{ $res->check_out_expected->format('d/m/Y') }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Diárias</span>
    <span class="info-value">{{ $nights }} noite(s)</span>
  </div>
  <div class="info-row">
    <span class="info-label">Total Previsto</span>
    <span class="info-value" style="color:#6366f1;">R$ {{ number_format($res->total_expected, 2, ',', '.') }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Café da Manhã</span>
    <span class="info-value">
      <span class="badge {{ $res->breakfast_included ? 'badge-green' : 'badge-yellow' }}">
        {{ $res->breakfast_included ? 'Incluído' : 'Não incluído' }}
      </span>
    </span>
  </div>
  <div class="info-row">
    <span class="info-label">Adultos / Crianças</span>
    <span class="info-value">{{ $res->adults }} / {{ $res->children }}</span>
  </div>
</div>

<div class="divider"></div>

<div class="card" style="background:#eff6ff;border-color:#bfdbfe;">
  <div class="card-title" style="color:#1e40af;">🏨 Contato do Hotel</div>
  <div class="info-row">
    <span class="info-label">Hotel</span>
    <span class="info-value">{{ $hotel->name }}</span>
  </div>
  @if($hotel->phone)
  <div class="info-row">
    <span class="info-label">Telefone</span>
    <span class="info-value">{{ $hotel->phone }}</span>
  </div>
  @endif
  @if($hotel->address)
  <div class="info-row">
    <span class="info-label">Endereço</span>
    <span class="info-value">{{ $hotel->address }}, {{ $hotel->city }}/{{ $hotel->state }}</span>
  </div>
  @endif
</div>

@if($res->notes)
<div class="card" style="background:#fefce8;border-color:#fde68a;">
  <div class="card-title" style="color:#92400e;">📝 Observações</div>
  <p style="font-size:13px;color:#78350f;">{{ $res->notes }}</p>
</div>
@endif

<p class="text" style="margin-top:20px;">
  Em caso de dúvidas ou necessidade de alterações, entre em contato conosco pelo e-mail ou telefone acima. Estamos à disposição!
</p>
@endsection