{% extends 'menu/menu.html' %}
{% load static %}

{% block title %} Pantalla Principal {% endblock %}


{% block body %}

<div class="row">


    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'list_negocios_pedidos' %}" class="menu-type-option" data-type="Pedido">
            <i class="fas fa-shopping-cart"></i>
            <h5>Realizar Pedido</h5>
        </a>
    </div>

    {% if tipo_usuario == 1 %}
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'admin_catalogos_view' %}" class="menu-type-option" data-type="Catalogos">
            <i class="fas fa-box-open"></i>
            <h5>Catalogos</h5>
        </a>
    </div>
    {% endif %}

    {% if productos %}
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'control_productos_x_negocio' user_id %}" class="menu-type-option" data-type="Producto">
            <i class="fas fa-tags"></i>
            <h5>Mis Productos</h5>
        </a>
    </div>

    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'control_pedidos_x_negocio' user_id %}" class="menu-type-option" data-type="Producto">
            <i class="fas fa-receipt"></i>
            <h5>Pedidos a mi Comercio</h5>
        </a>
    </div>
    {% endif %}


    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'solicitar_servicios' user_id=user_id %}" class="menu-type-option"
            data-type="Pedido">
            <i class="fas fa-calendar-alt"></i>
            <h5>Solicitar Servicios</h5>
        </a>
    </div>

    {% if servicios %}
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'control_servicios_x_negocio' user_id %}" class="menu-type-option" data-type="Servicios">
            <i class="fas fa-concierge-bell"></i>
            <h5>Mis Servicios</h5>
        </a>
    </div>

    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'control_solicitudes_x_negocio' user_id %}" class="menu-type-option" data-type="Servicios">
            <i class="fas fa-paper-plane"></i>
            <h5>Solicitudes a mi Comercio</h5>
        </a>
    </div>
    {% endif %}

</div>

<h4 class="text-center"> Disenios</h4>

<div class="row mt-5">
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'solicitar_pedido_disenio' %}" class="menu-type-option" data-type="Pedido">
            <i class="fas fa-shopping-cart"></i>
            <h5>Realizar Pedido</h5>
        </a>
    </div>


    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'solicitar_servicios_disenio'%}" class="menu-type-option" data-type="Pedido">
            <i class="fas fa-calendar-alt"></i>
            <h5>Solicitar Servicios Disenio</h5>
        </a>
    </div>
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'listado_productos_disenio' %}" class="menu-type-option" data-type="Pedido">

            <i class="fas fa-calendar-alt"></i>
            <h5>Listar pedidos</h5>
        </a>
    </div>
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'crear_publicaciones_disenio' %}" class="menu-type-option" data-type="Pedido">

            <i class="fas fa-calendar-alt"></i>
            <h5>crear publicaciones</h5>
        </a>
    </div>
    <div class="col-12 col-md-auto mb-2">
        <a href="{% url 'mapView' %}" class="menu-type-option" data-type="Pedido">

            <i class="fas fa-calendar-alt"></i>
            <h5>Mapa</h5>
        </a>
    </div>
</div>


{% endblock %}



{% block scripts %}


<script>
    $(document).ready(function () {
        var buttons = "Bfrtlip";

        var csrfToken = "{{ csrf_token }}";
        var user_id = "{{ user_id }}";
        var tipo_usuario = "{{ tipo_usuario }}";
        var fullName = "{{ fullName }}";

    });
</script>



{% endblock %}