@extends('layouts.index', ['subHeader' => 'Nuevo Usuario'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard</a>
    <a href="{{ route('users.index') }}" class="text-decoration-none text-dark"> / Usuarios</a>
    <span> / Nuevo registro</span>
@endsection

@section('content')
    <div class=" d-flex justify-content-end">
        <div class="btn-group" role="group" aria-label="">
            <a href="{{ route('users.index') }}" type="button" class="btn btn-back btn-lg ">
                <i class="bi bi-arrow-left-circle-fill"></i> Atrás
            </a>
        </div>
    </div>
    <br>
    <br>
    <div class="container-fluid shadow-s p-4">
        <form class="row g-3" action="{{ route('users.store') }}" method="POST">
            @csrf
            <h1 class="fs-3 fw-bolder">Nuevo registro de Usuario</h1>
            <br>
            <div class="col-md-4">
                <label for="name" class="form-label fw-bolder ">Nombre</label>
                <input type="text" class="form-control fromcss form-control-lg" name="name" id="name"
                    value="{{ old('name') }}" placeholder="Nombre" required>
                @error('name')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="last_name" class="form-label fw-bolder ">Apellido</label>
                <input type="text" class="form-control fromcss form-control-lg" name="last_name" id="last_name"
                    value="{{ old('last_name') }}" placeholder="Apellido" required>
                @error('last_name')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="identificacion" class="form-label fw-bolder">Identificacion</label>
                <input type="number" class="form-control form-control-lg fromcss" name="identificacion" id="identificacion"
                    value="{{ old('identificacion') }}" placeholder="No. ID" required>
                @error('identificacion')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="numero_interno" class="form-label fw-bolder">Número de tarjeta interno</label>
                <input type="number" class="form-control form-control-lg fromcss" name="numero_interno"
                    value="{{ old('numero_interno') }}" id="numero_interno" placeholder="No. tarjeta">
                @error('numero_interno')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="email" class="form-label fw-bolder">Email</label>
                <input type="email" class="form-control form-control-lg fromcss" name="email"
                    value="{{ old('email') }}" id="email" placeholder="Correo Electrónico" required>
                @error('email')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>
            
            <div class="col-md-4">
                <label for="estado" class="form-label fw-bolder">Estado</label>
                <select name="estado" id="estado" class="form-select form-select-lg fromcss" data-control="select2"
                    data-placeholder="Seleccione Estado..." required>
                    <option></option>
                    @foreach (App\Models\User::NOMBRE_ESTADOS as $key => $estado)
                        <option value="{{ $key }}">{{ $estado }}</option>
                    @endforeach
                </select>
                @error('estado')
                    <div class="text-danger" style="color: red;">@lang($message)</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="password" class="form-label fw-bolder">Contraseña</label>
                <input type="password" class="form-control form-control-lg fromcss" name="password" id="password" placeholder="Contraseña" required>
                @error('password')
                    <div class="text-danger" style="color: red;">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-4">
                <label for="password_confirmation" class="form-label fw-bolder">Confirmar Contraseña</label>
                <input type="password" class="form-control form-control-lg fromcss" name="password_confirmation" id="password_confirmation" placeholder="Confirmar Contraseña" required>
            </div>
            <br>
            <div class="col-12 d-flex justify-content-end mt-5">
                <div class="flex-row g-4 w-100 justify-content-end">
                    <a href="{{ route('users.index') }}" class=" btn btn-lg mb-3 btn-cancelar">Cancelar</a>
                    <button class=" btn btn-lg mb-3 btn-enviar" type="submit">Guardar</button>
                </div>
            </div>
        </form>
    </div>
@endsection