@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">
  Seu check-in está marcado para <strong>amanhã</strong>!
  Preparamos tudo para recebê-lo(a) da melhor forma. Confira os detalhes abaixo.
</p>

<div class="card" style="background:#f0fdf4;border-color:#bbf7d0;border-left:4px solid #22c55e;">
  <div class="card-title" style="color:#166534;">✅ Chegada Confirmada</div>
  <div class="info-row">
    <span class="info-label">Data de Check-in</span>
    <span class="info-value" style="color:#059669;">{{ $res->check_in_expected->format('d/m/Y') }} (amanhã)</span>
  </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">Acomodação</span>
    <span class="info-value">{{ $res->room?->name ?? 'A definir' }}</span>
  </div>
  <div class="info-row">
    <span class="info-label">Número de Noites</span>
    <span class="info-value">{{ $nights }} noite(s)</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>

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

<div class="card">
  <div class="card-title">📌 Informações Úteis</div>
  <p style="font-size:13px;color:#475569;line-height:1.8;">
    🕐 <strong>Horário de Check-in:</strong> a partir das 14h00<br>
    🕐 <strong>Horário de Check-out:</strong> até as 12h00<br>
    @if($res->breakfast_included)
    ☕ <strong>Café da Manhã:</strong> incluído — servido das 07h às 10h<br>
    @endif
    📋 <strong>Documentação:</strong> traga um documento com foto no momento da chegada
  </p>
</div>

<div class="card" style="background:#eff6ff;border-color:#bfdbfe;">
  <div class="card-title" style="color:#1e40af;">🏨 Como Chegar</div>
  <div class="info-row">
    <span class="info-label">Hotel</span>
    <span class="info-value">{{ $hotel->name }}</span>
  </div>
  @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
  @if($hotel->phone)
  <div class="info-row">
    <span class="info-label">Telefone</span>
    <span class="info-value">{{ $hotel->phone }}</span>
  </div>
  @endif
</div>

<p class="text">
  Ficou com alguma dúvida ou precisa de algum arranjo especial?
  Entre em contato com antecedência — teremos prazer em atendê-lo(a)!
</p>
@endsection