@extends('layouts.comercio')
@section('title','Detalle reserva #'.$booking->id)

@section('content')
<div class="container py-3">
  <h1 class="mb-3">Reserva #{{ $booking->id }}</h1>

  @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
  @if(session('error'))   <div class="alert alert-danger">{{ session('error') }}</div>   @endif

  <div class="card mb-3">
    <div class="card-body">
      <dl class="row mb-0">
        <dt class="col-sm-3">Servicio</dt>
        <dd class="col-sm-9">{{ $booking->service->nombre }}</dd>

        <dt class="col-sm-3">Profesional</dt>
        <dd class="col-sm-9">{{ $booking->provider->nombre_mostrado }}</dd>

        <dt class="col-sm-3">Cliente</dt>
        <dd class="col-sm-9">{{ optional($booking->dueno)->name ?? '—' }}</dd>

        <dt class="col-sm-3">Mascota</dt>
        <dd class="col-sm-9">{{ optional($booking->mascota)->nombre ?? '—' }}</dd>

        <dt class="col-sm-3">Inicio</dt>
        <dd class="col-sm-9">{{ $booking->starts_at->format('d-m-Y H:i') }}</dd>

        <dt class="col-sm-3">Término</dt>
        <dd class="col-sm-9">{{ $booking->ends_at->format('d-m-Y H:i') }}</dd>

        <dt class="col-sm-3">Estado</dt>
        <dd class="col-sm-9">
          <form method="POST" action="{{ route('admin.bookings.update',$booking) }}" class="d-inline">
            @csrf @method('PUT')
            <select name="estado" class="form-select form-select-sm d-inline w-auto" onchange="this.form.submit()">
              @foreach(['pendiente','confirmada','cancelada','no_asistio'] as $st)
                <option value="{{ $st }}" @selected($booking->estado===$st)>{{ ucfirst($st) }}</option>
              @endforeach
            </select>
          </form>
        </dd>

        <dt class="col-sm-3">Precio</dt>
        <dd class="col-sm-9">${{ number_format($booking->precio,0,',','.') }}</dd>

        <dt class="col-sm-3">Notas</dt>
        <dd class="col-sm-9">
          <form method="POST" action="{{ route('admin.bookings.update',$booking) }}">
            @csrf @method('PUT')
            <textarea name="notas" class="form-control" rows="2">{{ old('notas',$booking->notas) }}</textarea>
            <button class="btn btn-primary btn-sm mt-2">Guardar</button>
          </form>
        </dd>
      </dl>
    </div>
  </div>

  <form method="POST" action="{{ route('admin.bookings.destroy',$booking) }}" onsubmit="return confirm('¿Eliminar reserva?')">
    @csrf @method('DELETE')
    <button class="btn btn-outline-danger">Eliminar</button>
    <a href="{{ route('admin.agenda.index') }}" class="btn btn-link">Volver a la agenda</a>
  </form>
</div>
@endsection