{% extends "base.html" %}

{% block content %}
<div class="c-form">
    <div class="container pt-5">
        <div class="row">
            <div class="col">
                <a class="c-btn c-btn-primary c-btn-block mb-3" href="{{ url_for('routes.menu_manager', user_id=user_id) }}">Volver</a>
            </div>
            <div class="col">
                <a class="c-btn c-btn-primary c-btn-block mb-3" href="{{ url_for('routes.user_list') }}">Usuarios</a>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="c-users">
                    <p class="c-users__title">Formulario de creación de usuario</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <form action="{{ url_for('routes.create_user') }}" method="POST">
                    <fieldset>
                        <!-- <legend class="c-form__label form-label">Crear usuario</legend> -->
                        <div class="mb-3">
                            <label for="name" class="c-form__label form-label">Nombre de usuario</label>
                            <input type="text" class="c-form c-form__input" id="name" name="name" placeholder="">
                        </div>
                        <div class="mb-3">
                            <label for="password" class="c-form__label form-label">Contraseña</label>
                            <input type="password" class="c-form c-form__input" id="password" name="password" placeholder="Contraseña">
                        </div>
                        <div class="mb-3">
                            <label for="role" class="c-form__label form-label">Perfil</label>
                            <select name="role" class="c-form c-form__dropdown" aria-label="role select">
                                <option value="COORDINADOR">Administrador</option>
                                <option value="VENDEDOR">Vendedor</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="first_name" class="c-form__label form-label">Nombre</label>
                            <input type="first_name" class="c-form c-form__input" id="first_name" name="first_name" placeholder="Nombre">
                        </div>
                        <div class="mb-3">
                            <label for="last_name" class="c-form__label form-label">Apellido</label>
                            <input type="last_name" class="c-form c-form__input" id="last_name" name="last_name" placeholder="Apellido">
                        </div>
                        <div class="mb-3">
                            <label for="cellphone" class="c-form__label form-label">cellphone</label>
                            <input type="cellphone" class="c-form c-form__input" id="cellphone" name="cellphone" placeholder="Celular">
                        </div>
                    </fieldset>
                    <fieldset>
                        <legend class="mt-4">Valores máximos</legend>
                        <hr class="mb-3">
                        <div class="mb-3">
                            <label for="maximum_cash" class="c-form__label form-label">Dinero Máximo de caja</label>
                            <input type="text" class="c-form c-form__input" id="maximum_cash" name="maximum_cash" placeholder="">
                        </div>
                        <div class="mb-3">
                            <label for="maximum_sale" class="c-form__label form-label">Dinero Máximo de venta</label>
                            <input type="text" class="c-form c-form__input" id="maximum_sale" name="maximum_sale" placeholder="">
                        </div>
                        <div class="mb-3">
                            <label for="maximum_expense" class="c-form__label form-label">Dinero Máximo de gastos</label>
                            <input type="text" class="c-form c-form__input" id="maximum_expense" name="maximum_expense" placeholder="">
                        </div>
                    </fieldset>
                    <fieldset>
                        <legend class="mt-4">Parámetros del usuario</legend>
                        <hr class="mb-3">
                        <div class="mb-3">
                            <label for="maximum_installments" class="c-form__label form-label">Máximo en cuotas</label>
                            <input type="text" class="c-form c-form__input" id="maximum_installments" name="maximum_installments" placeholder="">
                        </div>
                        <div class="mb-3">
                            <label for="minimum_interest" class="c-form__label form-label">Minimo Intereses</label>
                            <input type="text" class="c-form c-form__input" id="minimum_interest" name="minimum_interest" placeholder="">
                        </div>
                        <div class="mb-3">
                            <label for="percentage_interest" class="c-form__label form-label">Liquidacion Porcentaje</label>
                            <input type="text" class="c-form c-form__input" id="percentage_interest" name="percentage_interest" placeholder="">
                        </div>
                        <div class="mb-3">
                            <label for="fix_value" class="c-form__label form-label">Liquidacion Valor fijo</label>
                            <input type="text" class="c-form c-form__input" id="fix_value" name="fix_value" placeholder="" value="0" >
                        </div>
                    </fieldset>
                    <button type="submit" class="c-btn c-btn-primary mt-4 mb-4">Crear usuario</button>
                </form>
            </div>
        </div>
    </div>
    <!-- En tu plantilla HTML -->
    <div id="user-id" data-user-id="{{ session.get('user_id') }}"></div>

</div>
{% endblock %}