@extends('layouts.guest')

@section('content')
    <div class="text-center mb-3">
        <span class="badge bg-light text-dark border">Instalacion &middot; Paso 2 de 3</span>
        <h2 class="h6 mt-2 mb-0">Crear las tablas del sistema</h2>
    </div>

    <p class="text-muted small">
        Se van a crear todas las tablas necesarias en la base de datos que configuraste en el paso
        anterior y se cargaran los datos base (monedas). Esto no borra nada si es la primera vez
        que instalas el sistema.
    </p>

    @if (! empty($error))
        <div class="alert alert-danger small">
            <strong>No se pudo completar este paso:</strong> {{ $error }}
        </div>
    @endif

    @if (! empty($salida))
        <pre class="bg-light border rounded p-2 small" style="max-height: 220px; overflow:auto; white-space:pre-wrap;">{{ $salida }}</pre>
    @endif

    <form method="POST" action="{{ route('instalar.paso2.ejecutar') }}">
        @csrf
        <button type="submit" class="btn btn-primary w-100">
            {{ ! empty($error) ? 'Reintentar' : 'Crear tablas y continuar' }}
        </button>
    </form>

    <div class="text-center mt-3">
        <a href="{{ route('instalar.paso1') }}" class="small">&larr; Volver a los datos de conexion</a>
    </div>
@endsection