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

{% form_theme edit_form 'form/fields.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('vente_index') }}">Ventes</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('vente_show', { 'id': vente.id }) }}">Vente</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Editer</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="row">
        <div class="col-lg-7 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">Editer vente</span>
                    </div>
                </div>

                <div class="portlet-body form">
                    
                    {{ form_start(edit_form, {'attr': {'class': 'form-horizontal'}}) }}
                        <div class="form-body">
                            {{ form_widget(edit_form) }}
                        </div>
                        <div class="form-actions">
                            <div class="row">
                                <div class=" col-md-9">
                                    <a href="{{ path('vente_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                                    <button type="submit" class="btn green"><i class="fa fa-save"></i> Enregistrer</button>
                                    {% if app.user.aDroit('vente_suppression') %}
                                    <button type="button" class="btn red" onClick="document.form.submit();"><i class="fa fa-close"></i> Supprimer</button>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    {{ form_end(edit_form) }}
                    
                    {{ form_start(delete_form) }}
                    {{ form_end(delete_form) }}
                </div>
            </div>

        </div>

        <div class="col-lg-5 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</span>
                    </div>
                </div>

                <div class="portlet-body form">
                    <table class="table table-light">
                        <tr>
                            <td><strong>Client:</strong></td>
                            <td style="text-align:right;">
                                <a href="#change_client" data-target="#change_client" data-toggle="modal" class="client-label">{{ vente.client }}</a>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>O.R.:</strong></td>
                            <td style="text-align:right;">
                                <a href="#change_reparation" data-target="#change_reparation" data-toggle="modal" class="reparation-label">{% if(vente.reparation) %}{{ vente.reparation }}{% else %}Sans{% endif %}</a>
                            </td>
                        </tr>

                        {% if missed %}
                        <tr>
                            <td><strong>Numéro de facturation depassés:</strong></td>
                            <td style="text-align:right;">
                                {% for miss in missed %}
                                    <a href="#" class="item-num-missed" data-value="{{ miss.num }}">{{ miss.num }}</a> / 
                                {% endfor %}
                            </td>
                        </tr>
                        {% endif %}
                        
                    </table>
                    
                </div>
            </div>
        </div>
    </div>


    <!-- /.modal client -->
    <div id="change_client" class="modal fade" tabindex="-1" data-width="400">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Client</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <input id="nom-client" type="text" class="col-md-12 form-control">
                            <br>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mt-element-list">
                                <div class="mt-list-container list-simple ext-1">
                                    <ul id="liste-clients">
                                    
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a class="btn green" data-toggle="modal" href="{{ path('client_new') }}" target="_blank"> Nouveau client </a>
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Fermer</button>
                </div>
            </div>
        </div>
    </div>
    
    <!-- /.modal reparation -->
    <div id="change_reparation" class="modal fade" tabindex="-1" data-width="400">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Réparation</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <input id="num-reparation" type="text" class="col-md-12 form-control">
                            <br>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mt-element-list">
                                <div class="mt-list-container list-simple ext-1">
                                    <ul id="liste-reparations">
                                    
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a class="btn green" data-toggle="modal" href="{{ path('reparation_new') }}" target="_blank"> Nouveau OR </a>
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Fermer</button>
                </div>
            </div>
        </div>
    </div>
    

{% endblock %}

{% block javascripts %}
<script>
$(document).ready(function()
{
    //Choix de client
    $('#nom-client').bind('keyup', function(e){
        if($(this).val().length > 1){
            var postData = {motcles: $('#nom-client').val(), page: 0};
            ajaxCall = $.ajax({
                url: base_url + "ajax/filtreclients/",
                type: 'post',
                dataType: "json",
                data: postData,
            })
            .done(function(data) {
                if(data!=null){
                    var items = [];
                    $.each(data, function(i, item) {
                        items.push( "<li class='mt-list-item client-item' data-id='" + item.id + "'>" + item.raison_social + "</li>" );
                    });
                    $("#liste-clients").html(items);
                    $('.client-item').bind('click', function(){
                        var id_client = $(this).data('id');
                        var nom_client = $(this).html();

                        $("#appbundle_vente_client").val(id_client);
                        $(".client-label").html(nom_client);
                        $("#change_client").modal('hide');
                    });
                }
                else{
                    $("#liste-clients").html("Aucun client trouvé !");
                }
            });
        }
    });

    
    //Choix de reparation
    $('#num-reparation').bind('keyup', function(e){
        if($(this).val().length > 1){
            var mdl = {motcles: $('#num-reparation').val()};
            ajaxCall = $.ajax({
                url: base_url + "ajax/filtrereparations/",
                type: 'POST',
                data: mdl,
                dataType: "json",

            })
            .done(function(data) {
                if(data!=null){
                    var items = [];
                    $.each(data, function(i, item) {
                        items.push( "<li class='mt-list-item reparation-item' data-id='" + item.id + "'>" + item.numReparation + "<br>" + item.immatriculation + "</li>" );
                    });
                    $("#liste-reparations").html(items);
                    $('.reparation-item').bind('click', function(){
                        var id_or = $(this).data('id');
                        var nom_or = $(this).html();

                        $("#appbundle_vente_reparation").val(id_or);
                        $(".reparation-label").html(nom_or);
                        $("#change_reparation").modal('hide');
                    });
                }
                else{
                    $("#liste-reparation").html("Aucun O.R trouvé !");
                }
            });
        }
    });

    //Num facture missed
    $('.item-num-missed').bind('click', function(e){
        var num = $(this).data('value');
        $('#appbundle_vente_numIncrementFacture').val(num);
    });
    


})
</script>
{% endblock %}