{% extends "base.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    
    <style>
        .product-info {
            position: relative;
        }
        .product-price {
            font-size: 14px;
            position: absolute;
            right: 0;
            top: 0;
        }
    </style>
{% endblock %}

{% block wrapper %}
    <div class="wrapper">
        <!-- Preloader -->
        <div class="preloader flex-column justify-content-center align-items-center">
            <img class="animation__shake" src="/assets/img/AdminLTELogo.png" alt="{{ "Version"|trans({'$v': project.version}) }}" height="60" width="60">
        </div>
        
        {{ include('section/navbar.html.twig') }}

        {{ include('section/sidebar.html.twig') }}

        {% block content_wrapper %}
            <div class="content-wrapper">
                <div class="content-header">
                    <div class="container-fluid">
                        <div class="row mb-2">
                            <div class="col-sm-6">
                                <h1 class="m-0">{{ modulo }}</h1>
                            </div>
                            <div class="col-sm-6 text-right">
                                {% block content_action %}
                                <ol class="breadcrumb float-sm-right">
                                    <li class="breadcrumb-item"><a href="{{ path('app_dashboard') }}">{{ "Dashboard"|trans }}</a></li>
                                    {% if breadcrumb is defined %}
                                        <li class="breadcrumb-item">{{ modulo }}</li>
                                        <li class="breadcrumb-item active">{{ breadcrumb }}</li>
                                    {% else %}
                                        <li class="breadcrumb-item active">{{ modulo }}</li>
                                    {% endif %}
                                </ol>
                                {% endblock %}
                            </div>
                        </div>
                    </div>
                </div>

                {% block content %}
                <!-- Main content -->
                <div class="container-fluid">
                    <!-- Stats -->
                    <div class="row">
                        <div class="col-md-6 col-lg-3 col-12">
                            <div class="small-box bg-success">
                                <div class="inner">
                                    <h3 id="qtyOrders">{{ stats.salestemplates|length }}</h3>
                                    <p>{{ 'Sales.Templates'|trans }}</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="{{ path('app_salestemplate') }}" class="small-box-footer">{{ 'More.Info'|trans }} <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3 col-12">
                            <div class="small-box bg-danger">
                                <div class="inner">
                                    <h3 id="qtyOrdersToApprove">{{ stats.salestemplatesToApprove|length }}</h3>
                                    <p>{{ 'Template.To.Approve'|trans }}</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="{{ path('app_salestemplate') }}" class="small-box-footer">{{ 'More.Info'|trans }} <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3 col-12">
                            <div class="small-box bg-info">
                                <div class="inner">
                                    <h3 id="qtyClients">{{ stats.bpartners }}</h3>
                                    <p>{{ 'Customer.P'|trans }}</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="{{ path('app_bpartner') }}" class="small-box-footer">{{ 'More.Info'|trans }} <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3 col-12">
                            <div class="small-box bg-purple">
                                <div class="inner">
                                    <h3 id="qtyProduct">{{ stats.productsQty }}</h3>
                                    <p>{{ 'Product.P'|trans }}</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="{{ path('app_product') }}" class="small-box-footer">{{ 'More.Info'|trans }} <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                    </div>

                    <!-- Widgets -->
                    <div id="widgets" class="row">
                        <div class="col-sm-12 col-lg-6 connectedSortable">
                            <!-- Last Sales Templates -->
                            <div class="card">
                                <div class="card-header border-0">
                                    <h3 class="card-title">
                                        <i class="ion ion-clipboard mr-1"></i>
                                        {{ "Latest.Templates"|trans }}
                                    </h3>
                    
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="card-body table-responsive p-0">
                                    <div class="table table-striped table-valign-middle">
                                        <table class="table m-0">
                                            <thead>
                                                <tr>
                                                    <th>{{ "No.N"|trans }}</th>
                                                    <th>{{ "Customer.S"|trans }}</th>
                                                    
                                                    {% if isSalesRep == false %}
                                                        <th>{{ "Sales.Rep"|trans }}</th>
                                                    {% endif %}

                                                    <th>{{ "Amount"|trans }}</th>
                                                    <th>{{ "Status"|trans }}</th>
                                                    <th>{{ "Date.Doc"|trans }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for st in stats.salestemplates|slice(0, 5) %}
                                                {% set status = st.getDocstatus|upper %}
                                                <tr>
                                                    <td><a href="/plantilla/{{ st.getId }}">{{ st.getDocumentno }}</a></td>
                                                    <td>{{ st.getCBpartner.getName }}</td>
                                                    
                                                    {% if isSalesRep == false %}
                                                        <td>{{ st.getSalesrep.getName }}</td>
                                                    {% endif %}
                                                    
                                                    <td>{{ st.getTotallines|number_format(2) }}</td>
                                                    <td><span class="badge badge-{{ docstatus[st.getDocstatus].flag }}">{{ docstatus[st.getDocstatus].name|trans }}</span></td>
                                                    <td><div class="sparkbar" data-color="#00a65a" data-height="20">{{ st.getDatedoc|date('Y-m-d H:i') }}</div></td>
                                                </tr>
                                                {% else %}
                                                <tr>
                                                    <td {% if isSalesRep %} colspan="5" {% else %} colspan="6" {% endif %} >No hay registros para mostrar</td>
                                                </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="card-footer clearfix text-right">
                                    <a class="btn btn-primary" href="{{ path('app_salestemplate') }}"><i class="fas fa-clipboard-list"></i> {{ "View.More.S"|trans }}</a>
                                </div>
                            </div>
                                
                            <!-- Temp Sales Templates -->
                            <div class="card">
                                <div class="card-header border-0">
                                    <h3 class="card-title">
                                        <i class="ion ion-clipboard mr-1"></i>
                                        {{ 'Temp.Templates'|trans }}
                                    </h3>
                    
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="card-body table-responsive p-0">
                                    <div class="table table-striped table-valign-middle">
                                        <table class="table m-0">
                                            <thead>
                                                <tr>
                                                    <th>{{ "No.N"|trans }}</th>
                                                    <th>{{ "Customer.S"|trans }}</th>
                                                    <th>{{ "Amount"|trans }}</th>
                                                    <th>{{ "Status"|trans }}</th>
                                                    <th>{{ "Date.Doc"|trans }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for lst in stats.salestemplatesInTemp|slice(0, 5) %}
                                                <tr>
                                                    <td><a href="{{ path('app_t_salestemplate_view', {'id': lst.getId}) }}">{{ lst.getDocumentno }}</a></td>
                                                    <td>{{ lst.getCBpartner.getName ?? null }}</td>
                                                    <td>{{ lst.getTotallines|number_format(2) }}</td>
                                                    <td><span class="badge badge-info">{{ 'Temp.Template'|trans }}</span></td>
                                                    <td><div class="sparkbar" data-color="#00a65a" data-height="20">{{ lst.getDatedoc|date('Y-m-d H:i') }}</div></td>
                                                </tr>
                                                {% else %}
                                                <tr>
                                                    <td colspan="5">No hay registros para mostrar</td>
                                                </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="card-footer clearfix text-right">
                                    <a class="btn btn-success" href="{{ path('app_salestemplate_new') }}">
                                        <i class="fas fa-plus"></i>
                                        {{ 'New.S'|trans }}
                                    </a>
                                    <a class="btn btn-primary" href="{{ path('app_salestemplate', {'temp': true}) }}">
                                        <i class="fas fa-clipboard-list"></i>
                                        {{ 'View.More.S'|trans }}
                                    </a>
                                </div>
                            </div>

                            <!-- Draft Sales Templates -->
                            <div class="card">
                                <div class="card-header border-0">
                                    <h3 class="card-title">
                                        <i class="ion ion-clipboard mr-1"></i>
                                        {{ "Raw.Templates"|trans }}
                                    </h3>
                    
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="card-body table-responsive p-0">
                                    <div class="table table-striped table-valign-middle">
                                        <table class="table m-0">
                                            <thead>
                                                <tr>
                                                    <th>{{ "No.N"|trans }}</th>
                                                    <th>{{ "Customer.S"|trans }}</th>
                                                    <th>{{ "Amount"|trans }}</th>
                                                    <th>{{ "Status"|trans }}</th>
                                                    <th>{{ "Date.Doc"|trans }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for st in stats.salestemplatesInDraft|slice(0, 5) %}
                                                {% set status = st.getDocstatus|upper %}
                                                <tr>
                                                    <td><a href="/plantilla/{{ st.getId }}">{{ st.getDocumentno }}</a></td>
                                                    <td>{{ st.getCBpartner.getName }}</td>
                                                    <td>{{ st.getTotallines|number_format(2) }}</td>
                                                    {% if status == 'DR' %}
                                                        {% set text, flag = 'Borrador', 'info' %}
                                                    {% else %}
                                                        {% set text, flag = 'Desconocido', 'warning' %}
                                                    {% endif %}
                                                    <td><span class="badge badge-{{ flag }}">{{ text }}</span></td>
                                                    <td><div class="sparkbar" data-color="#00a65a" data-height="20">{{ st.getDatedoc|date('Y-m-d H:i') }}</div></td>
                                                </tr>
                                                {% else %}
                                                <tr>
                                                    <td colspan="5">No hay registros para mostrar</td>
                                                </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="card-footer clearfix text-lg-right">
                                    <a class="btn btn-success" href="{{ path('app_salestemplate_new') }}">
                                        <i class="fas fa-plus"></i>
                                        {{ 'New.S'|trans }}
                                    </a>
                                    <a class="btn btn-primary" href="{{ path('app_salestemplate', {'docstatus': 'DR'}) }}">
                                        <i class="fas fa-clipboard-list"></i>
                                        {{ 'View.More.S'|trans }}
                                    </a>
                                </div>
                            </div>                        
                        </div>

                        <div class="col-sm-12 col-lg-6 connectedSortable">
                            <!-- Last Products -->
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="ion ion-pricetags mr-1"></i>
                                        {{ "Latest.Products.Added"|trans }}
                                    </h3>
                    
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="card-body p-0">
                                    <ul class="products-list product-list-in-card pl-2 pr-2">
                                        {% for product in stats.lastProducts %}
                                        <li class="item">
                                            <div class="product-img">
                                                {% if product.getMProductdownload|length > 0 %}
                                                    {% for image in product.getMProductdownload %}
                                                        <img src="{{ image.getDownloadurl }}" alt="{{ product.getSku }}" class="img-size-50">
                                                    {% endfor %}
                                                {% else %}
                                                    <img src="/assets/img/default-150x150.png" alt="{{ product.getSku }}" class="img-size-50">
                                                {% endif %}
                                            </div>
                                            <div class="product-info">
                                                <a href="{{ path('app_product_view', {'value': product.getValue}) }}" class="product-title text-capitalize">
                                                    {{ product.getName }}
                                                </a>
                                                <p class="product-description m-0">{{ product.getMProductCategory.getName }}</p>
                                                <span class="product-price badge float-right">
                                                    <p class="m-0">{{ product.getPrice|number_format(2) }}</p>
                                                </span>
                                            </div>
                                        </li>
                                        {% else %}
                                        <li class="item">
                                            <p>No hay registros para mostrar</p>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                                <div class="card-footer text-center">
                                    <a href="{{ path('app_product') }}" class="uppercase">Ver m&aacute;s Productos</a>
                                </div>
                            </div>

                            <!-- Featured Products -->
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <i class="ion ion-pricetags mr-1"></i>
                                        {{ "Products.Featured"|trans }}
                                    </h3>
                    
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-minus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="card-body p-0">
                                    <ul class="products-list product-list-in-card pl-2 pr-2">
                                        {% for product in stats.featuredProducts %}
                                        <li class="item">
                                            <div class="product-img">
                                                {% if product.getMProductdownload|length > 0 %}
                                                    {% for image in product.getMProductdownload %}
                                                        <img src="{{ image.getDownloadurl }}" alt="{{ product.getSku }}" class="img-size-50">
                                                    {% endfor %}
                                                {% else %}
                                                    <img src="/assets/img/default-150x150.png" alt="{{ product.getSku }}" class="img-size-50">
                                                {% endif %}
                                            </div>
                                            <div class="product-info">
                                                <a href="{{ path('app_product_view', {'value': product.getValue}) }}" class="product-title text-capitalize">
                                                    {{ product.getName }}
                                                </a>
                                                <p class="product-description m-0">{{ product.getMProductCategory.getName }}</p>
                                                <span class="product-price badge float-right">
                                                    <p class="m-0">{{ product.getPrice|number_format(2) }}</p>
                                                </span>
                                            </div>
                                        </li>
                                        {% else %}
                                        <li class="item">
                                            <p>No hay registros para mostrar</p>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                                <div class="card-footer text-center">
                                    <a href="{{ path('app_product') }}" class="uppercase">{{ "View.More.Products"|trans }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% endblock %}
            </div>
        {% endblock %}

        {{ include('section/sidecontrol.html.twig') }}
        
        {{ include('section/footer.html.twig') }}
    </div>
{% endblock %}