@extends('layouts.instalador')

@section('content')
<h2 class="h6 mb-3">Paso 2: Base de datos</h2>

<p class="text-muted small">La base de datos y el usuario de MySQL ya deben existir de antes. Este paso solo prueba la conexión y guarda los datos — no crea nada en el servidor de base de datos.</p>

@if ($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@endif

<form action="{{ route('instalador.baseDeDatos.procesar') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col-md-8 mb-3">
            <label class="form-label">Servidor (host)</label>
            <input type="text" name="db_host" class="form-control @error('db_host') is-invalid @enderror" value="{{ old('db_host', '127.0.0.1') }}" required>
        </div>
        <div class="col-md-4 mb-3">
            <label class="form-label">Puerto</label>
            <input type="number" name="db_port" class="form-control @error('db_port') is-invalid @enderror" value="{{ old('db_port', 3306) }}" required>
        </div>
    </div>
    <div class="mb-3">
        <label class="form-label">Nombre de la base de datos</label>
        <input type="text" name="db_database" class="form-control @error('db_database') is-invalid @enderror" value="{{ old('db_database') }}" required>
    </div>
    <div class="mb-3">
        <label class="form-label">Usuario de la base de datos</label>
        <input type="text" name="db_username" class="form-control @error('db_username') is-invalid @enderror" value="{{ old('db_username') }}" required>
    </div>
    <div class="mb-3">
        <label class="form-label">Contraseña</label>
        <input type="password" name="db_password" class="form-control @error('db_password') is-invalid @enderror">
    </div>
    <button type="submit" class="btn btn-primary w-100">Probar conexión y continuar</button>
</form>
@endsection
