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

{% block body %}
<!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('commande_index') }}">Commandes</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Détails</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="row">
        <div class="col-lg-12 col-xs-12 col-sm-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Détails BC</span>
                    </div>
                </div>

                <div class="portlet-body form">
                    <div class="form-body">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <th>N° BC</th>
                                <td>
                                    {% if vente.scanBonCommande %}
                                    <a href="#" class='link-facture' data-val="{{ vente.scanBonCommande }}"> <i class="fa fa-file"></i>
                                    {{ vente.numCommande }}
                                    </a>
                                    {% else %}
                                    {{ vente.numCommande }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Date Commande</th>
                                <td>{% if vente.dateCommande %}{{ vente.dateCommande|date('d-m-Y') }}{% endif %}</td>
                            </tr>
                            <tr>
                                <th>Fournisseur</th>
                                <td>
                                    <a href="{{ path('fournisseur_show', { 'id': vente.fournisseur.id }) }}" target="_blank">
                                    <i class="fa fa-black-tie"></i> {{ vente.fournisseur.raisonSociale }}</a>
                                </td>
                            </tr>
                            <tr>
                                <th>Total HT</th>
                                <td>{{ vente.totalHt }}</td>
                            </tr>
                            <tr>
                                <th>Total TVA</th>
                                <td>{{ vente.totalTva }}</td>
                            </tr>
                            <tr>
                                <th>Total TTC</th>
                                <td>{{ vente.totalTtc }}</td>
                            </tr>
                            

                            {% if vente.notes %}
                            <tr>
                                <th>Notes</th>
                                <td>{{ vente.notes }}</td>
                            </tr>
                            {% endif %}
                            <tr>
                                <th>Date mise à jour</th>
                                <td>{% if vente.dateMiseajour %}{{ vente.dateMiseajour|date('d-m-Y') }}{% endif %}</td>
                            </tr>
                        </tbody>
                    </table>
                    </div>

                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ path('bc_print', { 'id': vente.id }) }}" class="btn blue" target="_blank"> 
                                    <i class="fa fa-print"></i> Imprimer
                                </a>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{ path('commande_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                                <a href="{{ path('commande_edit', { 'id': vente.id }) }}" class="btn green"><i class="fa fa-edit"></i> Modifier</a>
                                {% if(app.user.superAdmin) %}
                                
                                <button type="submit" value="Supprimer" class="btn red" onClick="document.form.submit();">
                                    <i class="fa fa-remove"></i> Supprimer
                                </button>
                                
                                {% endif %}
                            </div>
                        </div>
                    </div>

                    {{ form_start(delete_form) }}
                    {{ form_end(delete_form) }}

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

        <div class="col-lg-5 col-xs-12 col-sm-12">
            

        </div>
    </div>

    <div class="row">
        <div class="col-lg-12 col-xs-12 col-sm-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings"></i>
                        <span class="caption-subject">Articles</span>
                    </div>
                    <div class="actions">

                    </div>
                </div>
                
                <div class="portlet-body form">
                    <div class="form-body">
                        <div class="table-responsive">

                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>Designation</th>
                                        <th>Quantité</th>
                                        <th style='text-align:right'>Prix U</th>
                                        <th>Remise</th>
                                        <th style='text-align:right'>Total HT</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for vproduit in vente.getCproduits() %}
                                        <tr>
                                            <td>{% if vproduit.produit %}{{ vproduit.produit.titre }}{% else %}{{ vproduit.titre }}{% endif %}</td>
                                            <td>{{ vproduit.quantite }}</td>
                                            <td style='text-align:right'>{{ vproduit.getPrixHt()|number_format(2, '.', ' ') }}</td>
                                            <td>{{ vproduit.tauxRemise }}%</td>
                                            <td style='text-align:right'>{{ vproduit.getTotalHt|number_format(2, '.', ' ') }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
        
            </div>
        </div>

    </div>
    
    
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
    $(document).ready(function()
    {

        //Afficher facture
        $('.link-facture').bind('click', function(e){
            var val = $(this).data('val');
            
            var iframe = "<iframe src='"+uploads_root+"/ventes/factures/"+val+"' style='width:100%;height:600px;border:none;'>"
            show_modal("Document:", iframe, true, "");
            
        });

        //Imprimer le ticket/devis/facture/bl
        $('.btn-print').bind('click', function(e){
            var val = $(this).data('val');
            
            var iframe = "<iframe src='"+base_url+"ajax/imprimesvente/{{ vente.id }}/"+val+"' style='width:100%;height:600px;border:none;'>"
            show_modal("Imprimer:", iframe, true, "");
            
        });
    })
    </script>
{% endblock %}