@extends('layouts.guest')

@section('content')
    <div class="text-center mb-3">
        <span class="badge bg-light text-dark border">Instalacion &middot; Paso 1 de 3</span>
        <h2 class="h6 mt-2 mb-0">Conexion a la base de datos</h2>
    </div>

    <p class="text-muted small">
        Antes de continuar, crea una base de datos y un usuario MySQL con todos los privilegios
        sobre ella desde la herramienta <strong>"Bases de datos MySQL"</strong> de tu cPanel, y
        ten a la mano el nombre de la base, el usuario y la contraseña.
    </p>

    @if ($errors->any())
        <div class="alert alert-danger py-2 small">
            @foreach ($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
        </div>
    @endif

    <form method="POST" action="{{ route('instalar.paso1.guardar') }}">
        @csrf
        <div class="mb-3">
            <label class="form-label small fw-semibold">URL de la aplicacion</label>
            <input type="url" name="app_url" class="form-control" placeholder="https://erp.midominio.com"
                value="{{ old('app_url', request()->getSchemeAndHttpHost()) }}" required>
            <div class="form-text">La direccion con la que accederas al sistema (sin barra final).</div>
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">Host de la base de datos</label>
            <input type="text" name="db_host" class="form-control" value="{{ old('db_host', 'localhost') }}" required>
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">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 small fw-semibold">Nombre de la base de datos</label>
            <input type="text" name="db_database" class="form-control" value="{{ old('db_database') }}" required
                placeholder="usuario_activaerp">
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">Usuario de la base de datos</label>
            <input type="text" name="db_username" class="form-control" value="{{ old('db_username') }}" required
                placeholder="usuario_activaerp">
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">Contraseña de la base de datos</label>
            <input type="password" name="db_password" class="form-control" value="{{ old('db_password') }}">
        </div>
        <button type="submit" class="btn btn-primary w-100">Probar conexion y continuar</button>
    </form>
@endsection