{% extends 'layouts/panel_layout.html.twig' %}

{% block title %}
Nuevo Producto
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/articulos.css')}}">
{% endblock %}

{% block content %}

    <div class="bg-dark m-b-30">
        <div class="container">
            <div class="row p-b-60 p-t-60">

                <div class="col-md-10 mx-auto text-center text-white p-b-30">
                    <div class="m-b-20">
                        <div class="avatar avatar-xl my-auto">
                            <i class="icon-placeholder mdi mdi-account-plus" style="font-size: 5rem"></i>
                        </div>
                    </div>
                    <h1>{% block titulo_contenido %}Nuevo Producto{% endblock %}</h1>
                </div>

            </div>
        </div>
    </div>

    <div class="container pull-up pb-5 mb-5">
        <div class="card">
            <div class="card-body">
                {% include 'articulo/layout/newFormProducto.html.twig' %}
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}

    <script>
        // CONTAINER DE URLS A USAR EN JAVASCRIPT DESDE PATH IN SYMFONY
        const urlContainer = {
            buscarCategoria: '{{ path("list_categorias") }}',
            buscarGrupo: '{{path("list_grup")}}',
            {#compararCodigo: "{{ path('compararCodigo')}}"#}
        };


            $(document).ready(function() {
            // you may need to change this code if you are not using Bootstrap Datepicker
            $('.js-datepicker').datepicker({
                format: 'yyyy-mm-dd'
            });
        });



    </script>

    {{ encore_entry_script_tags('articulo_articulo') }}
{% endblock %}