@extends('install.app')

@section('content')
<h4 class="mb-4 text-center">Configuración de Base de Datos</h4>

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

<form action="{{ route('install.database.post') }}" method="POST">
    @csrf
    <div class="mb-3">
        <label class="form-label">Host de Base de Datos</label>
        <input type="text" name="db_host" class="form-control" value="{{ old('db_host', '127.0.0.1') }}" required>
    </div>
    
    <div class="mb-3">
        <label class="form-label">Puerto</label>
        <input type="text" name="db_port" class="form-control" value="{{ old('db_port', '3306') }}" required>
    </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" value="{{ old('db_database', 'ti_manager') }}" required>
    </div>

    <div class="mb-3">
        <label class="form-label">Usuario</label>
        <input type="text" name="db_username" class="form-control" value="{{ old('db_username', 'root') }}" required>
    </div>

    <div class="mb-4">
        <label class="form-label">Contraseña</label>
        <input type="password" name="db_password" class="form-control">
        <div class="form-text">Déjalo en blanco si el usuario no tiene contraseña.</div>
    </div>

    <div class="d-flex justify-content-between">
        <a href="{{ route('install.index') }}" class="btn btn-outline-secondary">Atrás</a>
        <button type="submit" class="btn btn-primary">Conectar y Continuar <i class="fa-solid fa-arrow-right"></i></button>
    </div>
</form>
@endsection