@extends('layouts.instalador')

@section('content')
<h2 class="h6 mb-3">Paso 4: Administrador y negocio</h2>

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form action="{{ route('instalador.administrador.procesar') }}" method="POST">
    @csrf

    <div class="mb-3">
        <label class="form-label">Nombre del negocio (opcional)</label>
        <input type="text" name="negocio_nombre" class="form-control" value="{{ old('negocio_nombre') }}" placeholder="Se puede cambiar después">
    </div>

    <hr>
    <p class="text-muted small mb-2">Primer usuario administrador</p>

    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Cédula</label>
            <input type="text" name="cedula" class="form-control @error('cedula') is-invalid @enderror" value="{{ old('cedula') }}" required>
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Nombre</label>
            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Apellido</label>
            <input type="text" name="apellido" class="form-control" value="{{ old('apellido') }}">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Teléfono</label>
            <input type="text" name="telefono" class="form-control" value="{{ old('telefono') }}">
        </div>
    </div>
    <div class="mb-3">
        <label class="form-label">Email</label>
        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required>
    </div>
    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">Contraseña</label>
            <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">Confirmar contraseña</label>
            <input type="password" name="password_confirmation" class="form-control" required>
        </div>
    </div>

    <button type="submit" class="btn btn-primary w-100">Crear administrador</button>
</form>
@endsection