@extends('layouts.app')

@section('content')
<div class="bg-body-light">
  <div class="content content-full">
    <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
      <div class="flex-grow-1">
        <h1 class="h3 fw-bold mb-2 text-danger">
          Confirmar Eliminación
        </h1>
        <h2 class="fs-base lh-base fw-medium text-muted mb-0">
          Esta acción es irreversible. Por favor, verifique los datos antes de continuar.
        </h2>
      </div>
      <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-alt">
          <li class="breadcrumb-item">
            <a class="link-fx" href="{{ route('urbanizaciones.index') }}">Urbanizaciones</a>
          </li>
          <li class="breadcrumb-item text-danger" aria-current="page">
            Eliminar
          </li>
        </ol>
      </nav>
    </div>
  </div>
</div>
<div class="content">
  <div class="row justify-content-center">
    <div class="col-md-8 col-lg-6">
      
      <div class="block block-rounded block-themed block-transparent bg-danger-op">
        <div class="block-header bg-danger">
          <h3 class="block-title text-white">
            <i class="fa fa-exclamation-triangle me-1"></i> ¿Desea eliminar este registro?
          </h3>
        </div>
        <div class="block-content">
          <div class="alert alert-danger d-flex align-items-center justify-content-between" role="alert">
            <div class="flex-grow-1 me-3">
              <p class="mb-0 fs-sm fw-bold">
                <i class="fa fa-fw fa-info-circle me-1"></i> ¡Atención! Todos los datos asociados a esta urbanización se borrarán permanentemente.
              </p>
            </div>
          </div>

          <div class="py-3">
            <div class="row mb-2">
              <div class="col-4 fw-bold text-end">Código:</div>
              <div class="col-8 text-danger fw-bold"># {{ $urbanizacion->id }}</div>
            </div>
            <div class="row mb-2">
              <div class="col-4 fw-bold text-end">Nombre:</div>
              <div class="col-8">{{ $urbanizacion->nombre }}</div>
            </div>
            <div class="row mb-2">
              <div class="col-4 fw-bold text-end">Fecha:</div>
              <div class="col-8">{{ $urbanizacion->fechaurb ? \Carbon\Carbon::parse($urbanizacion->fechaurb)->format('d/m/Y') : '—' }}</div>
            </div>
            <div class="row mb-2">
              <div class="col-4 fw-bold text-end">Observaciones:</div>
              <div class="col-8 text-muted fs-sm italic">{{ $urbanizacion->observacionesurb ?: 'Sin observaciones' }}</div>
            </div>
          </div>
        </div>

        <div class="block-content block-content-full block-content-sm bg-body-light text-center rounded-bottom">
          <form method="POST" action="{{ route('urbanizaciones.destroy', $urbanizacion->id) }}" class="d-inline-block w-100">
            @csrf
            @method('DELETE')
            <div class="row g-sm">
              <div class="col-6">
                <a href="{{ route('urbanizaciones.show', $urbanizacion->id) }}" class="btn btn-alt-secondary w-100">
                  <i class="fa fa-times me-1"></i> Cancelar
                </a>
              </div>
              <div class="col-6">
                <button type="submit" class="btn btn-danger w-100">
                  <i class="fa fa-trash-alt me-1"></i> Confirmar Borrado
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
      </div>
  </div>
</div>
@endsection