@extends('layouts.guest')

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

    <p class="text-muted small">
        Este sera el usuario principal del sistema: administra las empresas, crea al resto de los
        usuarios y sus licencias. Guarda estos datos en un lugar seguro.
    </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.paso3.guardar') }}">
        @csrf
        <div class="mb-3">
            <label class="form-label small fw-semibold">Nombre completo</label>
            <input type="text" name="name" class="form-control" value="{{ old('name') }}" required autofocus>
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">Correo electronico</label>
            <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">Contraseña</label>
            <input type="password" name="password" class="form-control" minlength="8" required>
        </div>
        <div class="mb-3">
            <label class="form-label small fw-semibold">Confirmar contraseña</label>
            <input type="password" name="password_confirmation" class="form-control" minlength="8" required>
        </div>
        <button type="submit" class="btn btn-primary w-100">Crear usuario master y finalizar</button>
    </form>
@endsection