@extends('install.app')

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

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

<form action="{{ route('install.admin.post') }}" method="POST">
    @csrf
    
    <div class="mb-4">
        <label class="form-label">Nombre de tu Empresa / Sistema</label>
        <input type="text" name="company_name" class="form-control form-control-lg" value="{{ old('company_name') }}" required>
        <div class="form-text">Este nombre aparecerá en los reportes, facturas y barra superior.</div>
    </div>

    <hr class="my-4">
    <h5 class="mb-3">Cuenta de Administrador Principal</h5>

    <div class="mb-3">
        <label class="form-label">Nombre Completo</label>
        <input type="text" name="admin_name" class="form-control" value="{{ old('admin_name') }}" required>
    </div>

    <div class="mb-3">
        <label class="form-label">Correo Electrónico</label>
        <input type="email" name="admin_email" class="form-control" value="{{ old('admin_email') }}" required>
    </div>

    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Contraseña</label>
            <input type="password" name="admin_password" class="form-control" required minlength="8">
        </div>
        <div class="col-md-6 mb-4">
            <label class="form-label">Confirmar Contraseña</label>
            <input type="password" name="admin_password_confirmation" class="form-control" required minlength="8">
        </div>
    </div>

    <div class="d-grid">
        <button type="submit" class="btn btn-primary btn-lg">Finalizar Instalación <i class="fa-solid fa-check ms-2"></i></button>
    </div>
</form>
@endsection