{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Control de caja{% endblock %}
{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('sales_manage_cashpoint_list') }}"><i class="icon-menu3 position-left"></i>Control de cajas</a>
{% endblock %}
{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('sales_menu') }}">Punto de venta</a></li>
    <li class="">Control de caja</li>
{% endblock %}

{% block content %}


    <div class="panel-flat">

            <div class="content" >
                <div class="panel panel-white" style="padding: 15px" >

                    {% for flash_message in app.session.flashBag.get('success') %}
                        <div class="alert alert-success alert-styled-left">
                            <span class="text-semibold">{{ flash_message }}</span>
                        </div>
                    {% endfor %}

                    <div class="col-md-12">
                        <div class="alert alert-info alert-styled-left">
                            <h5>Venta: {{ sale.alias }}</h5>
                            <span class="text-semibold">Finalizada el {{ sale.completionDate | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</span>
                        </div>
                    </div>


                    <div class="tabbable">
                        <ul class="nav nav-tabs nav-tabs-highlight text-center">
                            <li class="active"><a href="#sale_stocks_tab" data-toggle="tab">Listado de stocks</a></li>
                            <li><a href="#sale_payments_tab" data-toggle="tab">Listado de pagos</a></li>
                            <li><a href="#sale_information_tab" data-toggle="tab">Totales de la venta</a></li>
                        </ul>

                        <div class="tab-content">

                            <!-- INFO MANAGE CASHPOINT -->
                            <div class="tab-pane" id="sale_information_tab">
                                <div class="row">

                                    <div class="col-md-12">
                                        <div class="">

                                            {% form_theme formSale 'bootstrap_3_layout.html.twig' %}

                                            {{ form_start(formSale) }}
                                            {{ form_errors(formSale) }}

                                            <div class="form-group">

                                                <div class="col-md-4 col-xs-12">
                                                    <div class="panel-body">
                                                        <div class="">
                                                            {{ form_row(formSale.totalIncome) }}
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-xs-12">
                                                    <div class="panel-body">
                                                        <div class="">
                                                            {{ form_row(formSale.totalSale) }}
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="col-md-4 col-xs-12">
                                                    <div class="panel-body">
                                                        <div class="">
                                                            {{ form_row(formSale.totalFinal) }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="panel-footer">
                                                <div class="text-right">
                                                    <a class="btn-rounded btn bg-green-600" href="{{ path('sales_manage_cashpoint_detail', { 'cashpoint' : sale.cashpoint.id, 'manageCashpoint' : sale.manageCashpoint.id }) }}">
                                                        <i class="icon-download position-left" ></i> Volver al cierre de caja
                                                    </a>
                                                    <button type="submit" class="btn-rounded btn bg-color3"><i class="icon-download position-left"></i>Guardar datos de la venta</button>
                                                </div>
                                            </div>


                                            {{ form_end(formSale) }}

                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!-- SALES INVOLVED -->
                            <div class="tab-pane active" id="sale_stocks_tab">

                                <div class="panel panel-flat">

                                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                                        <div class="datatable-scroll">

                                            <!-- TABLE OF STOCKS -->
                                            <table id="data-table-stock" class="table datatable-basic dataTable no-footer" width="100%">
                                                <thead>
                                                <tr style="text-align: center; background-color: #f1f1f1">
                                                    <th>Imagen</th>
                                                    <th>COD-Stock</th>
                                                    <th>Modelo</th>
                                                    <th>Color</th>
                                                    <th>Proveedor</th>
                                                    <th>Marca</th>
                                                    <th>Sección</th>
                                                    <th>Categoría</th>
                                                    <th>Subcategoría</th>
                                                    <th>Talla</th>
                                                    <th>P.Costo</th>
                                                    <th>P.V.P. mostrado</th>
                                                    <th>Precio final venta</th>
                                                    <th>Localización actual</th>
                                                    <th>Estado</th>
                                                    <th>Temporada</th>
                                                    <th>Acciones</th>
                                                </tr>
                                                </thead>

                                                <tbody>
                                                {% for obj in sale.saleElement %}
                                                    <tr>
                                                        <td class=""><a  href="{{obj.stock.getarticle.getWebPath() | imagine_filter('big_prop')}}" data-popup="lightbox"><img src="{{obj.stock.getarticle.getWebPath | imagine_filter('list')}}"/></a></td>
                                                        <td><a href="{{ path("stock_edit", { "id" : obj.stock.id }) }}">{{ obj.stock.alias }}</a></td>
                                                        <td><a href="{{ path('article',{'id':obj.stock.getArticle.getId}) }}">{{ obj.stock.getArticle.articleModel }}</a></td>
                                                        <td>{{ obj.stock.getArticle.articleColor }}</td>
                                                        <td>{{ obj.stock.getArticle.dealer }}</td>
                                                        <td>{{ obj.stock.getArticle.brand }}</td>
                                                        <td>{{ obj.stock.getArticle().section }}</td>
                                                        <td>{{ obj.stock.getArticle.category }}</td>
                                                        <td>{{ obj.stock.getArticle.subcategory }}</td>
                                                        <td>{{ obj.stock.getTypeSize.description }}</td>
                                                        <td>{{ obj.stock.costPriceWithDiscountPlusTaxes }}</td>
                                                        <td>{{ obj.stock.pvpFinalForSale }}</td>
                                                        <td>{{ obj.stock.pvpFinal }}</td>
                                                        <td>{{ obj.stock.getShop().name }}</td>
                                                        <td>
                                                            <span class="{{ obj.stock.getTypeStatusStock.getBackground }}">
                                                            {{ obj.stock.getTypeStatusStock.getDescription }}
                                                            </span>
                                                        </td>
                                                        <td>{{ obj.stock.getArticle.season }}</td>
                                                        <td class="text-center">
                                                            <a type="button" href="{{ path('sales_manage_cashpoint_edit_sale_stock_bugfixing', {"stockId" : obj.stock.id, "saleId" : sale.id}) }}" class="text-color3 btn btn-flat text-color3 border-color3 btn-rounded"><i class="glyphicon glyphicon-arrow-right position-left"></i> Arreglar datos de venta</a>
                                                        </td>
                                                    </tr>
                                                {% endfor %}
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>

                            </div>

                            <!-- MOVEMENTS INVOLVED -->
                            <div class="tab-pane" id="sale_payments_tab">

                                <div class="panel panel-flat">

                                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                                        <div class="datatable-scroll">

                                            <table class="table datatable-basic dataTable no-footer" id="DataTables_Table_payments" role="grid"
                                                   aria-describedby="DataTables_Table_0_info">

                                                <thead>
                                                <tr role="row">
                                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                                        Fecha de gasto
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                                        Cod.Venta
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                                        Vendedor
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" id="items_sum">
                                                        Tipo de pago
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                                        Dirección del pago
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" id="discount_sum">
                                                        Importe
                                                    </th>

                                                    <th class="col-sm-1 text-center sorting_disabled" rowspan="1" colspan="1"
                                                        aria-label="Actions">Acceder
                                                    </th>

                                                </tr>
                                                </thead>

                                                <tbody>

                                                {% for obj in sale.salePayment %}

                                                    <tr role="row" class="odd">
                                                        <td align="center"><span class='hide_dataTable_dates'>{{ obj.createdAt | date('Y-m-d') }}</span>{{ obj.createdAt | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</td>
                                                        <td>{{ obj.sale.getalias }}</td>
                                                        <td>
                                                            {% if obj.sale.user %}
                                                                {{ obj.sale.user.getName }}
                                                            {% else %}
                                                                ---
                                                            {% endif %}
                                                        </td>
                                                        <td align="center">
                                                            {% if obj.typeSsalePayment %}
                                                                {{ obj.typeSsalePayment.description }}
                                                            {% else %}
                                                                ---
                                                            {% endif %}
                                                        </td>
                                                        <td align="center">
                                                            {% if obj.typeSsalePaymentWhoPay %}
                                                                {{ obj.typeSsalePaymentWhoPay.description }}
                                                            {% else %}
                                                                ---
                                                            {% endif %}
                                                        </td>
                                                        <td>
                                                            {{ ( obj.ammount ) | number_format(2, '.', ',') }}
                                                        </td>

                                                        <td class="text-center">
                                                            <a type="button" href="{{ path('sales_manage_cashpoint_edit_sale_payment_bugfixing', {"salePaymentId" : obj.id}) }}" class="text-color3 btn btn-flat text-color3 border-color3 btn-rounded"><i class="glyphicon glyphicon-arrow-right position-left"></i> Arreglar pago</a>
                                                        </td>
                                                    </tr>

                                                {% endfor %}

                                                </tbody>

                                            </table>
                                        </div>

                                    </div>
                                </div>

                            </div>

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


            </div>



    </div>



{% endblock%}

{% block script %}
    <script>

        $(document).ready(function () {

        });


    </script>
{% endblock %}