{% extends '::baselulo.html.twig' %}
{% block contenu %}

<h1>Editer un emprunt</h1>

<form id="{{ edit_form.vars.id }}" novalidate  action="{{ path('emprunt_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}>

{{ JSFV(edit_form) }}

<button type="submit">Valider</button><br>

<div id="partChamp">

    <div class="flashMessage warning msgExist">
        Le jeu que vous cherchez n'est pas disponible, voir les listes suivantes : <br>
        <ul>
            <li> Liste des emprunts en cours </li>
            <li> Liste des jeux archivés </li>
        </ul>
    </div>

    <div class="flashMessage warning msgAdherentExist">
        L'adhérent que vous cherchez n'est existe, voir la liste des adhérents archivés.
    </div>
    
{# Les erreurs générales du formulaire. #}
{{ form_errors(edit_form) }}

{# Début bloc information #}
<fieldset  class="coolfieldset">
  <legend>Emprunt</legend>
  <div class="contenu_fieldset">
  
  {# Début ligne input #}   
    <div class="clearfix aligner_deux">
     {# Génération du label. #}
      {{ form_label(edit_form.code_barre_adherent, "Code barre adhérent :") }}
     
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(edit_form.code_barre_adherent) }}
     
      {# Génération de l'input. #}
      {{ form_widget(edit_form.code_barre_adherent) }}
    </div>
    {# Fin ligne input #} 

    

    {# Début ligne input #}   
    <div class="clearfix aligner_deux">
     {# Génération du label. #}
      {{ form_label(edit_form.adherent, "Adhérent :") }}
     
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(edit_form.adherent) }}
     
      {# Génération de l'input. #}
      {{ form_widget(edit_form.adherent) }}
    </div>
    {# Fin ligne input #} 

      <div  class='separator_invisible'></div>


    {# Début ligne input #}   
    <div class="clearfix aligner_deux">
     {# Génération du label. #}
      {{ form_label(edit_form.code_barre_jeu, "Code barre jeu :") }}
     
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(edit_form.code_barre_jeu) }}
     
      {# Génération de l'input. #}
      {{ form_widget(edit_form.code_barre_jeu) }}
    </div>
    {# Fin ligne input #} 



    {# Début ligne input #}   
    <div class="clearfix aligner_deux">
     {# Génération du label. #}
      {{ form_label(edit_form.jeu, "Jeu :") }}
     
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(edit_form.jeu) }}
     
      {# Génération de l'input. #}
      {{ form_widget(edit_form.jeu) }}
    </div>
    {# Fin ligne input #} 

      <div  class='separator_invisible'></div>

    {# Début ligne input #}   
    <div class="clearfix aligner_deux">
     {# Génération du label. #}
      {{ form_label(edit_form.dateEmprunt, "Date d'emprunt :") }}
     
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(edit_form.dateEmprunt) }}
     
      {# Génération de l'input. #}
      {{ form_widget(edit_form.dateEmprunt) }}
    </div>
    {# Fin ligne input #} 



    {# Début ligne input #}   
    <div class="clearfix aligner_deux">
     {# Génération du label. #}
      {{ form_label(edit_form.dateRetour, "Date de retour :") }}
     
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(edit_form.dateRetour) }}
     
      {# Génération de l'input. #}
      {{ form_widget(edit_form.dateRetour) }}
    </div>
    {# Fin ligne input #} 


  <div  class='separator_invisible'></div>


  
  </div>
</fieldset>
{# Fin bloc information #}



{# Début bloc information #}
<fieldset  class="coolfieldset" id="block_adherent">
 <legend class="orangeStyle">Fiche de l'adhérent </legend>
    <div class="contenu_fieldset">
        
        <div id="fiche_adherent"></div>
    
    </div>
</fieldset>
{# Fin bloc information #}

    




{# Début bloc information #}
<fieldset  class="coolfieldset" id="block_jeu">
    <legend class="orangeStyle">Fiche du jeu à emprunter</legend>
    <div class="contenu_fieldset">
  
        <div id="fiche_jeu"></div>

    </div>
</fieldset>
{# Fin bloc information #}




</div>
    
    {{ form_widget(edit_form._token) }}  
    
        <button type="submit">Valider</button>
    
</form>



<script>
$(document).ready(function(){
   
    //charger adherent & jeu 
    
    if($("#liger_lulobundle_emprunttype_adherent").val()=="")
        $("#block_adherent").hide();
    else{
        //afficher Adhésion Caution
        $.post("{{ path('adherent_ajax') }}", { "id": ""+$("#liger_lulobundle_emprunttype_adherent").val()+""   , "id_emprunt": "{{ entity.id }}"  },
        function(data){
            
            $("#fiche_adherent").html(data);
            $("#block_adherent").show();
            $("#block_adherent legend").click();

        });  
    }

    if($("#liger_lulobundle_emprunttype_jeu").val()=="")
        $("#block_jeu").hide();
    else{
        console.log('oui');
        //afficher jeu
        $.post("{{ path('jeu_ajax') }}", { "id": ""+$("#liger_lulobundle_emprunttype_jeu").val()+"" ,"type":"empunt" },
        function(data){

            $("#fiche_jeu").html(data);
            $("#block_jeu").show();
            $("#block_jeu legend").click();

            //Cliquer sur today apres chaque chargement !!
            $('.fc-button-today').click();

        }); 
    }

    /* $( "#liger_lulobundle_emprunttype_adherent" ).combobox({
                    select: function (event, ui) { 
                        var inputCombobox = $(this).parent().find('.custom-combobox').find('input').removeClass('w-ordi-combo');
                        inputCombobox.removeClass('w-ordi-combo');
                        inputCombobox.addClass('w-combo');
                        $("#liger_lulobundle_emprunttype_adherent").after('<img id="loadliger_lulobundle_adherent_ajax_code" src="{{ asset('bundles/ligerlulo/images/admin/csx_img/img_load.gif') }}" width="16" height="16" />');

                        //afficher Adhésion Caution
                        $.post("{{ path('adherent_ajax') }}", { "id": ""+$("#liger_lulobundle_emprunttype_adherent").val()+"" },
                        function(data){
                            $("#loadliger_lulobundle_adherent_ajax_code").remove();
                            inputCombobox.removeClass('w-combo');
                            inputCombobox.addClass('w-ordi-combo');
                            $("#fiche_adherent").html(data);
                            $("#block_adherent").show();
                            $("#block_adherent legend").click();
                            $("#liger_lulobundle_emprunttype_code_barre_jeu").focus();

                            duree_emprunt();


                        });  
                    }
    });


    $( "#liger_lulobundle_emprunttype_jeu" ).combobox({
                    select: function (event, ui) { 
                            var inputCombobox = $(this).parent().find('.custom-combobox').find('input').removeClass('w-ordi-combo');
                            inputCombobox.removeClass('w-ordi-combo');
                            inputCombobox.addClass('w-combo');
                            $("#liger_lulobundle_emprunttype_jeu").after('<img id="loadliger_lulobundle_jeu_ajax_code" src="{{ asset('bundles/ligerlulo/images/admin/csx_img/img_load.gif') }}" width="16" height="16" />');

                            //afficher Adhésion Caution
                            $.post("{{ path('jeu_ajax') }}", { "id": ""+$("#liger_lulobundle_emprunttype_jeu").val()+"" ,"type":"empunt" },
                            function(data){
                                $("#loadliger_lulobundle_jeu_ajax_code").remove();
                                inputCombobox.removeClass('w-combo');
                                inputCombobox.addClass('w-ordi-combo');
                                $("#fiche_jeu").html(data);
                                $("#block_jeu").show();
                                $("#block_jeu legend").click();

                                //Cliquer sur today apres chaque chargement !!
                                $('.fc-button-today').click();


                                duree_emprunt();

                            });
                    }
    });*/

//Affichier la fiche edit de l'adherent
    $("#liger_lulobundle_emprunttype_adherent").change(function(){

      $("#liger_lulobundle_emprunttype_adherent").addClass('width');
        $("#liger_lulobundle_emprunttype_adherent").after('<img id="loadliger_lulobundle_adherent_ajax_code" src="{{ asset('bundles/ligerlulo/images/admin/csx_img/img_load.gif') }}" width="16" height="16" />');

        //afficher Adhésion Caution
        $.post("{{ path('adherent_ajax') }}", { "id": ""+$("#liger_lulobundle_emprunttype_adherent").val()+"" },
        function(data){
            $("#loadliger_lulobundle_adherent_ajax_code").remove();
            $("#liger_lulobundle_emprunttype_adherent").removeClass('width');
            $("#fiche_adherent").html(data);
            $("#block_adherent").show();
            $("#block_adherent legend").click();
            $("#liger_lulobundle_emprunttype_code_barre_jeu").focus();

            duree_emprunt();


        });  

    });


    //Affichier la fiche edit de l'adherent
    $("#liger_lulobundle_emprunttype_jeu").change(function(){

        $("#liger_lulobundle_emprunttype_jeu").addClass('width');


        $("#liger_lulobundle_emprunttype_jeu").after('<img id="loadliger_lulobundle_jeu_ajax_code" src="{{ asset('bundles/ligerlulo/images/admin/csx_img/img_load.gif') }}" width="16" height="16" />');

     
        //afficher Adhésion Caution
        $.post("{{ path('jeu_ajax') }}", { "id": ""+$("#liger_lulobundle_emprunttype_jeu").val()+"" ,"type":"empunt" },
        function(data){
            $("#loadliger_lulobundle_jeu_ajax_code").remove();
            $("#liger_lulobundle_emprunttype_jeu").removeClass('width');

            $("#fiche_jeu").html(data);
            $("#block_jeu").show();
            $("#block_jeu legend").click();

            //Cliquer sur today apres chaque chargement !!
            $('.fc-button-today').click();


            duree_emprunt();

        });  

         
    });
    
   
    /*************************************************************************************/
    /****************************** Search by code-barres ********************************/
    /*************************************************************************************/

    // Load adhérent by code (Press enter) :
    
    var adherentBarCode = $("#liger_lulobundle_emprunttype_code_barre_adherent");
    var gif1 = $('#loadliger_lulobundle_adherent_ajax_code');
    var gif2 = $('#loadliger_lulobundle_jeu_ajax_code');


    adherentBarCode.keypress(function(e){
        var code = (e.keyCode ? e.keyCode : e.which);
        if(code == 13){
            adherentBarCode.change();
            return false;
        }
    });

    // Load adhérent by code (Scanner) :
    var m1 = $('.msgAdherentExist');    
    adherentBarCode.change(function(){
        var url = 'adherent_ajax_code_barre';
        var code = adherentBarCode.val();

        gif1.hide();
        $.post(Routing.generate(url), { "code": code.trim() },
            function(data){
                if( data!=0 ){
                    m1.hide();
                    $("#liger_lulobundle_emprunttype_adherent option[value='" + parseInt(data) + "']").attr("selected","selected");
                    $("#liger_lulobundle_emprunttype_adherent").change();
                }else{
                    m1.show();
                }
        });
    });

    // Load game by code (Press enter) :
    var jeuBarCode = $("#liger_lulobundle_emprunttype_code_barre_jeu");
    jeuBarCode.keypress(function(e){
        var code = (e.keyCode ? e.keyCode : e.which);
        if(code == 13) {
            var url = Routing.generate('jeu_ajax_localisation');
            $.post(url, { 'id': 0 }, function(data){
                if(data != 0){
                    $("#loadliger_lulobundle_adherent_localisation").remove();
                    $("#liger_lulobundle_emprunttype_jeu").html(data);
                    jeuBarCode.change();
                }
            });
        return false; 
        }
    });
    
    var m = $('.msgExist');
    jeuBarCode.change(function(){
        m.hide();
        var code = jeuBarCode.val();
        var url = Routing.generate('jeu_ajax_code_barre');
        $.post(url, { 'code': code.trim() }, function(data){
            if( data !=0 ){
                $("#liger_lulobundle_emprunttype_jeu option[value='" + parseInt(data) + "']").attr("selected","selected");
                $("#liger_lulobundle_emprunttype_jeu").change();
            }else{
                m.show();
                $('#block_jeu').hide();
            }
        });
        $(this).blur();
    });

    /***********************************************************************/
    //duree emprunt 


});




 function duree_emprunt(){


        //afficher Adhésion Caution
        $.post("{{ path('empruntduree_ajax') }}", {
          "type_objet": ""+$("#liger_lulobundle_emprunttype_jeu").val()+"" ,  
          "type_adherent": ""+$("#liger_lulobundle_emprunttype_adherent").val()+"" ,
        },
        function(data){
          
          if(data!=0){

            var array_ajax_data = data.split("|");

            $("#liger_lulobundle_emprunttype_dateEmprunt").val(array_ajax_data[0]);
            $("#liger_lulobundle_emprunttype_dateRetour").val(array_ajax_data[1]);
           
          }else{

            $("#liger_lulobundle_emprunttype_dateEmprunt").val('');
            $("#liger_lulobundle_emprunttype_dateRetour").val('');

          }

        });


    }




</script>



{% endblock %}