@extends('layouts.layout')
@section('content')

{{-- SHOW ALL --}}

<div class="container-fluid">
  <h2>Restauration collective</h2>
</div>
<hr>  
<div id="tabtogglecolums" class="container-fluid text-center">
  {{-- <button type="button" class="btn btn-primary toggle-vis" data-column="0">Date création</button> --}}
  <button type="button" class="btn btn-primary toggle-vis" data-column="0">Contact</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="1">Structure</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="2">Nb demi-pensionnaires</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="3">Régie</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="4">Échéance marché public</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="5">Prestataire</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="6">Groupement d’achat</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="7">Cuisine (sur place ou centrale)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="8">Produits</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="9">Statut agrément sanitaire</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="10">Diagnostic de durabilité</button>
  <hr>
</div>
@if ( count($restocos) > 0 )
<table id="tab_contacts">
  <thead>
    <tr>
      {{-- <th>Date création</th> --}}
      <th>Contact</th>
      <th>Structure</th>
      <th>Nb demi-pensionnaires</th>
      <th>Régie</th>
      <th>Échéance marché public</th>
      <th>Prestataire</th>
      <th>Groupement d’achat</th>
      <th>Cuisine (sur place ou centrale)</th>
      <th>Produits</th>
      <th>Statut agrément sanitaire</th>
      <th>Diagnostic de durabilité</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      {{-- <th>Date création</th> --}}
      <th>Contact</th>
      <th>Structure</th>
      <th>Nb demi-pensionnaires</th>
      <th>Régie</th>
      <th>Échéance marché public</th>
      <th>Prestataire</th>
      <th>Groupement d’achat</th>
      <th>Cuisine (sur place ou centrale)</th>
      <th>Produits</th>
      <th>Statut agrément sanitaire</th>
      <th>Diagnostic de durabilité</th>
    </tr>
  </tfoot>
  <tbody>
    @foreach ( $restocos  as $restoco)
    <tr data-id="{{ $restoco->contact_id }}" class="contact_edit {{ $restoco->contact()->style }}" data-toggle="modal" data-target="#edit_squarespaceModal">
      {{-- <td>{{ $restoco->created_at }}</td> --}}
      <td>{{ $restoco->contactName() }}</td>     
      <td>{{ $restoco->contact()->structure }}</td>     
      <td>{{ $restoco->demi_pension }}</td> 
      <td>{{ $restoco->showRegie() }}</td>
      <td>{{ $restoco->echeance_marche }}</td>
      <td>{{ $restoco->prestataire }}</td>
      <td>{{ $restoco->groupement_achat }}</td>
      <td>@if ($restoco->cuisine_sur_place) sur place @endif @if ($restoco->cuisine_sur_place) centrale @endif</td>
      <td>
        @if (is_array($restoco->products()))
        @foreach ( $restoco->products()  as $product)
        {{ $product.' '}}
        @endforeach
        @endif
      </td>
      <td>{{ $restoco->showAgrement() }}</td>
      <td>{{ $restoco->annee_diag_durabilite }}</td>
    </tr>
    @endforeach
  </tbody>
</table>
@include('contacts.legend')
@endif



{{-- SHOW/EDIT --}}
<div class="modal fade" id="edit_squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <h1 class="modal-title" id="edit_lineModalLabel">Modifier un contact</h1>
        <div class="col-sm-12 meta">
          Créé le  <span id="edit_created_at"></span><span class="pull-right">Mis à jour le <span id="edit_updated_at"></span></span>
        </div>
        <div class="clearfix"></div>
      </div>
      <ul class="nav nav-tabs ">
        <li class="active"><a href="#tab_infos" data-toggle="tab" id="tab_infos_btn">Informations</a></li>
        <li><a href="#tab_adhesions" data-toggle="tab">Adhésions</a></li>
        <li><a href="#tab_bois" data-toggle="tab">Bois</a></li>
        <li><a href="#tab_agric" data-toggle="tab">Agriculture</a></li>
        <li><a href="#tab_restoco" data-toggle="tab">Restauration collective</a></li>             
        <li><a href="#tab_install_helper" data-toggle="tab">Installation/transmission</a></li>
        <li><a href="#tab_communication" data-toggle="tab">Communication</a></li>
        <li><a href="#tab_comments" data-toggle="tab">Suivi de projet</a></li>
      </ul>
      <div class="modal-body clearfix ">
        {{-- CONTACT INFOS --}}
        @include('contacts.contact')
        {{-- CONTACT BOIS --}}
        @include('contacts.bois')
        {{-- CONTACT ADHESIONS --}}
        @include('contacts.adhesions')
        {{-- CONTACT AGRIC --}}
        @include('contacts.agric')
        {{-- CONTACT RESTOCO --}}
        @include('contacts.restoco')
        {{-- CONTACT COMMUNICATION --}}
        @include('contacts.communication')
        {{-- Install --}}
        @include('contacts.install')
        {{-- SUIVI DE PROJET --}}
        @include('contacts.suivi')
        <div class="clearfix"></div><br>
        {{-- @if ( Auth::user()->isAdmin() ) --}}
        <hr>  
        <div class="form-group col-sm-12">
          <button id="destroy_contact" type="button" class="btn btn-danger pull-right">Supprimer le contact</button>
        </div>
        {{-- @endif --}}
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</div>
{{-- DELETE --}}
<div  style="display: none" >
  <form id="delete_contact">
    {{ csrf_field() }}
    {{ method_field('DELETE') }}
    <div class="err_del"> 
    </div>
  </form>
</div> 


<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCiJZ0k0A_eoacRZ5gaCVhRlu7910c7K0s&libraries=places&callback=initAutocomplete" async defer></script>
<script>
  var placeSearch, autocomplete;
  function initAutocomplete() {
    var input = document.getElementById('autocomplete_address1');
    google.maps.event.addDomListener(input, 'keydown', function(event) { 
      if (event.keyCode === 13) { 
        event.preventDefault(); 
      }
    }); 
    autocomplete = new google.maps.places.Autocomplete(
      document.getElementById('autocomplete_address1'), {types: ['geocode']});
    autocomplete.setFields('address_components');
    autocomplete.addListener('place_changed', fillInAddress);
  }
  function fillInAddress() {
    var place = autocomplete.getPlace();
    document.getElementById("edit_address").value="";
    for (var i = 0; i < place.address_components.length; i++) {
      var addressType = place.address_components[i].types[0];
      var val = place.address_components[i]['long_name'];
      if (addressType=='street_number') {document.getElementById("edit_address").value+=val+' '}
        if (addressType=="route") {document.getElementById("edit_address").value += val;}
      if (addressType=="locality") {
        document.getElementById("edit_city").value = val;
        var selectedcomcoms = document.getElementById("autocomcom");
        for (j = 0; j < selectedcomcoms.options.length; j++) {
          var selectedcomcom = selectedcomcoms.options[j];
          if (selectedcomcom.dataset.ville) {
            if (selectedcomcom.dataset.ville.toLowerCase()==val.toLowerCase()) {
              document.getElementById("edit_co_dep").value=selectedcomcom.dataset.departement;
              document.getElementById("edit_co_com_com").value=selectedcomcom.dataset.interco;
              document.getElementById("edit_co_reg").value=selectedcomcom.dataset.region;
              document.getElementById("autocomcom").value=selectedcomcom.dataset.ville;
              selectedcomcoms.options[j].selected=true;
            }
          }
          
        }
      }
      if (addressType=="postal_code") {document.getElementById("edit_zip").value = val;}
    }
  }
</script>


<script src="/js/contact.js"></script>
<script>
  jQuery(document).ready(function($) {
    $('.close').click(function(event) {
      if(confirm("Si vous n'avez pas enregistré les modifications seront perdues")){
      }else{
        return false;
      }
    });
    // init contact
    $('.contact_edit').click(function(event) {
      editorinfos.setData( '<p></p>' );
      editoradhesion.setData( '<p></p>' );
      editoragric.setData( '<p></p>' );
      editorbois.setData( '<p></p>' );
      editorcommunication.setData( '<p></p>' );
      editorinstall.setData( '<p></p>' );
      editorrestoco.setData( '<p></p>' );
      appEditor.setData('<p></p>');
      editContact($(this).data('id'));
    });
    var ckbuttons=$('.ck.ck-toolbar').find('button');
    ckbuttons.each(function(index, el) {
      if (el.textContent=="Insert mediaInsert media") {
        el.remove();
      }
      if (el.textContent=="Block quoteBlock quote") {
        el.remove();
      }
    });
    $('#tab_contacts tfoot th').each( function () {
        // var title = $(this).text();
        $(this).html( '<input type="search" placeholder="Rechercher" style="color:#333" />' );
        // $(this).html( '<input type="text" placeholder="Rechercher dans '+title+'" style="color:#333" />' );
      } );
    $.extend($.fn.dataTableExt.oStdClasses, {
      "sFilterInput": "form-control datatablesearch",
      "sLengthSelect": "form-control datatablenrowselect"
    });
    var table = $('#tab_contacts').DataTable({
      dom: 'Bfrtip',
      buttons: [
      {
        extend: "copy",
        className: "btn btn-primary",
        titleAttr: 'copy',
        text: 'Copy',
        exportOptions: {
          columns: ':visible'
        }
      },
      {
        extend: "csv",
        className: "btn btn-primary",
        titleAttr: 'Export in CSV',
        text: 'CSV',
        exportOptions: {
          columns: ':visible'
        }
      },
      {
        extend: "excel",
        className: "btn btn-primary",
        titleAttr: 'Export in Excel',
        text: 'Excel',
        exportOptions: {
          columns: ':visible'
        }
      }
      ,
      {
        extend: "pdf",
        className: "btn btn-primary",
        titleAttr: 'Pdf',
        text: 'Pdf',
        exportOptions: {
          columns: ':visible'
        }
      },
      {
        extend: "print",
        className: "btn btn-primary",
        titleAttr: 'Print',
        text: 'Print',
        exportOptions: {
          columns: ':visible'
        }
      }
      ],
      "language": {
        "sProcessing":     "Traitement en cours...",
        "sSearch":         "Rechercher&nbsp;:",
        "sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
        "sInfo":           "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
        "sInfoEmpty":      "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
        "sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
        "sInfoPostFix":    "",
        "sLoadingRecords": "Chargement en cours...",
        "sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
        "sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
        "oPaginate": {
          "sFirst":      "Premier",
          "sPrevious":   "Pr&eacute;c&eacute;dent",
          "sNext":       "Suivant",
          "sLast":       "Dernier"
        },
        "oAria": {
          "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
          "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
        },
        "select": {
          "rows": {
            _: "%d lignes séléctionnées",
            0: "Aucune ligne séléctionnée",
            1: "1 ligne séléctionnée"
          } 
        }
      },
      scrollX: true,
      scrollCollapse: true,
      fixedColumns: true,
      pageLength: 50,
    });
    $('#tab_contacts').show();
    $('#catlegend').show();
    $('.toggle-vis').on( 'click', function (e) {
     e.preventDefault();
        // Get the column API object
        var column = table.column( $(this).attr('data-column') );

        // Toggle the visibility
        column.visible( ! column.visible() );
        $(this).toggleClass('active');
      } );
    // filtres sur les legendes
    $('.legend').on( 'click', function () {
      var filtre = this.dataset.fil;
      $.fn.dataTable.ext.search.pop();
      table.draw();
      $.fn.dataTable.ext.search.push(
        function(settings, data, dataIndex) {

          return $(table.row(dataIndex).node()).hasClass(filtre);
        }
        );
      table.draw();
    } );
    // footer search in colums
    table.columns().every( function () {
      var that = this;

      $( 'input', this.footer() ).on( 'keyup change', function () {
        if ( that.search() !== this.value ) {
          that
          .search( this.value )
          .draw();
        }
      } );
    } );
    $('.dataTables_scrollFoot').insertAfter('.dataTables_scrollHead');
    $('#catlegend').insertBefore('.dataTables_scrollHead');
    $('#tabtogglecolums').insertAfter('#catlegend');
    /* ci- dessus à découper */
    formSubmitWithErrors('#add_contact', '#err_add_contact');
    formSubmitWithErrorsNoRefresh('#edit_contact', '#err_edit_contact', 'Les informations du contact ont bien été mis à jour');
    formSubmitWithErrorsNoRefresh('#edit_contact_communication','#err_edit_contact_communication', 'Les informations de communication ont bien été mises à jour');
    formSubmitWithErrorsNoRefresh('#edit_contact_bois','#err_edit_contact_bois', 'Les informations de bois ont bien été mises à jour');
    formSubmitWithErrorsNoRefresh('#edit_contact_install','#err_edit_contact_install', 'Les informations d\'aide à l\'installation ont bien été mises à jour');
    formSubmitWithErrorsNoRefresh('#edit_contact_restoco','#err_edit_contact_restoco', 'Les informations de restauration et collectivité ont bien été mises à jour');
    formSubmitWithErrorsNoRefresh('#edit_contact_agric','#err_edit_contact_agric', 'Les informations d\'agriculture ont bien été mises à jour');
    formSubmitWithErrorsNoRefresh('#edit_contact_asso','#err_edit_contact_asso', 'Les informations d\'adhésion ont bien été mises à jour');
    formSubmitCommentWithErrors('#add_contact_comment','#err_add_contact_comment');
    formSubmitCommentWithErrors('#add_contact_comment_communication','#err_add_contact_comment_communication');
    formSubmitCommentWithErrors('#add_contact_comment_install','#err_add_contact_comment_install');
    formSubmitCommentWithErrors('#add_contact_comment_restoco','#err_add_contact_comment_restoco');
    formSubmitCommentWithErrors('#add_contact_comment_agric','#err_add_contact_comment_agric');
    formSubmitCommentWithErrors('#add_contact_comment_bois','#err_add_contact_comment_bois');
    formSubmitCommentWithErrors('#add_contact_comment_adhesion','#err_add_contact_comment_adhesion');
    formSubmitCommentWithErrors('#add_contact_comment_infos','#err_add_contact_comment_infos');
    formSubmitAddPicture('#add_user_picture');
    formSubmitAdhesionWithErrors('#add_user_adhesion', '#err_add_user_adhesion');
    // clear
    $('#add_contact_modal_btn').click(function(event) {
      $('#add_contact').children('.form-control').val('');
    });
    // upload files
    $('#user_picture').change(function(event) {
      var filename = this.files[0].name;
      var extension = filename.replace(/^.*\./, '');
      if (extension == filename) {
        extension = '';
      }else{
        extension = extension.toLowerCase();
      }
      $('#add_user_picture').submit();
    });
    // destroy contact
    $('#destroy_contact').click(function(event) {
      if(confirm("Supprimer ce contact ?")){
        var url = $('#edit_contact').attr('action');
        var form = $('#delete_contact');
        $.ajax({
          type: "DELETE",
          url: url,
          data: form.serialize(),
        }).done(function(data){
          location.reload();
        }).fail(function(data) {
          location.reload();
        });
      }
    });
  });

$('#autocomcom').change(function() {
  var selectedcomcom = $(this).find(':selected');
  if (selectedcomcom[0].value) {
    document.getElementById("edit_co_dep").value=selectedcomcom[0].dataset.departement;
    document.getElementById("edit_co_com_com").value=selectedcomcom[0].dataset.interco;
    document.getElementById("edit_co_reg").value=selectedcomcom[0].dataset.region;
  }
});
$('#edit_city').change(function() {
  var val = this.value;
  var selectedcomcoms = document.getElementById("autocomcom");
  for (j = 0; j < selectedcomcoms.options.length; j++) {
    var selectedcomcom = selectedcomcoms.options[j];
    if (selectedcomcom.dataset.ville) {
      if (selectedcomcom.dataset.ville.toLowerCase()==val.toLowerCase()) {
        document.getElementById("edit_co_dep").value=selectedcomcom.dataset.departement;
        document.getElementById("edit_co_com_com").value=selectedcomcom.dataset.interco;
        document.getElementById("edit_co_reg").value=selectedcomcom.dataset.region;
        selectedcomcoms.options[j].selected=true;
      }
    }
  }
});

function editContact(id){
  document.getElementById('autocomcom').value="";
  $('#err_edit_contact').empty();
  $('#err_edit_contact_communication').empty();
  $('#err_edit_contact_bois').empty();
  $('#err_edit_contact_install').empty();
  $('#err_edit_contact_restoco').empty();
  $('#err_edit_contact_agric').empty();
  $('#err_edit_contact_asso').empty();
  $('#err_add_contact_comment').empty();
  $('#err_add_contact_comment_communication').empty();
  $('#err_add_contact_comment_install').empty();
  $('#err_add_contact_comment_restoco').empty();
  $('#err_add_contact_comment_agric').empty();
  $('#err_add_contact_comment_bois').empty();
  $('#err_add_contact_comment_adhesion').empty();
  $('#err_add_contact_comment_infos').empty();
  $('#err_add_user_adhesion').empty();
  var form = $('#edit_contact');
  var formpictures = $('#add_user_picture');
  var formpcomments = $('#add_contact_comment');
  $('#edit_contact_communication').attr('action', '/communication/contact/'+id);
  $('#edit_contact_bois').attr('action', '/bois/contact/'+id);
  $('#edit_contact_install').attr('action', '/install/contact/'+id);
  $('#edit_contact_restoco').attr('action', '/restoco/contact/'+id);
  $('#edit_contact_agric').attr('action', '/agric/contact/'+id);
  $('#edit_contact_asso').attr('action', '/asso/contact/'+id);
  var formpcommentscommunication = $('#add_contact_comment_communication');
  var formpcommentsinstall = $('#add_contact_comment_install');
  var formpcommentsrestoco = $('#add_contact_comment_restoco');
  var formpcommentsagric = $('#add_contact_comment_agric');
  var formpcommentsbois = $('#add_contact_comment_bois');
  var formpcommentsadhesion = $('#add_contact_comment_adhesion');
  var formpcommentsinfos = $('#add_contact_comment_infos');
  var formadhesion = $('#add_user_adhesion');
  var url='/contact/'+id;
  var urlformpicutres = '/picture/contact/'+id;
  var urlformcomments = '/comment/contact/'+id;
  var urlformadhesions = '/adhesion/contact/'+id;

  $.ajax({
    type: "GET",
    url: url
  }).done(function(data){
    var contact = JSON.parse(data);
    form.attr('action', url);
    formpictures.attr('action', urlformpicutres);
    formpcomments.attr('action', urlformcomments);
    formpcommentscommunication.attr('action', urlformcomments);
    formpcommentsinstall.attr('action', urlformcomments);
    formpcommentsrestoco.attr('action', urlformcomments);
    formpcommentsagric.attr('action', urlformcomments);
    formpcommentsbois.attr('action', urlformcomments);
    formpcommentsinfos.attr('action', urlformcomments);
    formpcommentsadhesion.attr('action', urlformcomments);
    formadhesion.attr('action', urlformadhesions);
    clearFormAdhesion();
    document.getElementById("edit_cap_accueil_public").checked = false;
    if (contact.cap_accueil_public) {document.getElementById("edit_cap_accueil_public").checked = true;}
    $('#edit_precisions_accueil').val(contact.precisions_accueil);
    $('#edit_lineModalLabel').text(contact.name+' '+contact.firstname)
    $('#edit_name').val(contact.name);
    $('#edit_firstname').val(contact.firstname);
    $('#edit_phone1').val(contact.phone1);
    $('#edit_phone2').val(contact.phone2);
    $('#edit_email').val(contact.email);
    $('#edit_description').val(contact.description);
    $('#edit_structure').val(contact.structure);
    $('#edit_address').val(contact.address);
    $('#edit_city').val(contact.city);
    $('#edit_zip').val(contact.zip);
    $('#edit_activity').val(contact.activity);
    $('#edit_created_at').text(contact.created_at_formated);
    $('#edit_updated_at').text(contact.updated_at_formated);
    $('#edit_email2').val(contact.email2);
    $('#edit_address2').val(contact.address2);
    $('#edit_city2').val(contact.city2);
    $('#edit_zip2').val(contact.zip2);
    $('#edit_referent').val(contact.referent);
    $('#edit_referent2').val(contact.referent2);
    $('#edit_cedex').val(contact.cedex);
    $('#edit_cedex2').val(contact.cedex2);
    $('#edit_cat_main').val(contact.cat_main);
    $('#edit_spe_agric').val(contact.spe_agric);
    $('#edit_spe_bois').val(contact.spe_bois);
    $('#edit_spe_repas').val(contact.spe_repas);
    $('#edit_co_nb_approx').val(contact.co_nb_approx);
    $('#edit_co_dep').val(contact.co_dep);
    $('#edit_co_reg').val(contact.co_reg);
    $('#edit_co_com_com').val(contact.co_com_com);
    if (contact.co_ville) {
      $("#autocomcom option").each(function(){
        if(this.dataset.ville==contact.co_ville){
          $(this).attr("selected","selected");    
        }
      });
    }
    $('#autocomplete_address1').val("");
    $('#autocomplete_address2').val("");
    $('#contact_pictures').empty();
    $('#contact_comments_suivi').empty();
    $('#contact_comments_communication').empty();
    $('#contact_comments_install').empty();
    $('#contact_comments_restoco').empty();
    $('#contact_comments_agric').empty();
    $('#contact_comments_bois').empty();
    $('#contact_comments_adhesion').empty();
    $('#contact_comments_infos').empty();
    $('#contact_adhesions').empty();
    $('.add_comment_content').val('');
    $('#edit_agric_naissance').val('');
    $('#edit_install_annee_naissance').val('');
    $('#edit_install_premier_contact').val('');
    $('#edit_type_projet_default').click();
    $('#edit_regie_default').click();
    if (contact.pictures.length >0){
      $.each(contact.pictures, function( key, value ) {
        if (contact.pictures[key].ext=="png" || contact.pictures[key].ext=="jpeg" || contact.pictures[key].ext=="jpg") {
          $('#contact_pictures').prepend('\
            <div id="picture_'+contact.pictures[key].id+'" class="form-group clearfix" height="150px">\
              <a href="'+contact.pictures[key].path+'"><div class="col-sm-6 picture" style="background-image : url(\''+contact.pictures[key].path+'\')"></div></a>\
              <div class="col-sm-6 text-left">\
                '+contact.pictures[key].user_post_name+'<br><span class="meta">Le '+contact.pictures[key].created_at_formated+'</span>\
                <h5>'+contact.pictures[key].name+'</h5><br>\
                <button class="meta" type="button" data-id="'+contact.pictures[key].id+'" onclick="destroyPicture(this);">Supprimer la photo</button>\
              </div>\
            </div><hr>');
        }else{
          $('#contact_pictures').prepend('\
            <div id="picture_'+contact.pictures[key].id+'" class="form-group clearfix" height="150px">\
              <div class="col-sm-6"><i class="fas fa-file" style="font-size: 120px;color:#333"></i><br><span style="color:#333;font-size:20px;font-weight: 700;text-transform: uppercase;">'+contact.pictures[key].ext+'</span></div>\
              <div class="col-sm-6 text-left">\
                '+contact.pictures[key].user_post_name+'<br><span class="meta">Le '+contact.pictures[key].created_at_formated+'</span><br>\
                <a href="'+contact.pictures[key].path+'" title="'+contact.pictures[key].name+'">'+contact.pictures[key].name+'</a><br>\
                <button class="meta" type="button" data-id="'+contact.pictures[key].id+'" onclick="destroyPicture(this);">Supprimer le fichier</button>\
              </div>\
            </div><hr>');
        }
      });
    }
    if (contact.comments.length >0){
      $.each(contact.comments, function( key, value ) {
        var showcomment='<div class="form-group clearfix comment_'+contact.comments[key].id+'" height="150px">\
        <div class="col-sm-12 text-left">\
          <span class="meta">'+contact.comments[key].user_post_name+' le '+contact.comments[key].created_at_formated+'</span>\
          <p>'+contact.comments[key].content+'</p>';
          if (contact.comments[key].created_by == {{ Auth::user()->id }} ) {
              // showcomment+='<button class="meta" type="button" data-id="'+contact.comments[key].id+'" onclick="updateComment(this);">Modifier le commentaire</button>';
              showcomment+='<button class="meta" type="button" data-id="'+contact.comments[key].id+'" onclick="destroyComment(this);">Supprimer le commentaire</button>';
            }
            showcomment+='</div>\
          </div>';
          var showcommentsuivi='<div class="form-group clearfix comment_'+contact.comments[key].id+'" height="150px">\
          <div class="col-sm-12 text-left">\
            <span class="meta">'+contact.comments[key].user_post_name+' le '+contact.comments[key].created_at_formated+'</span>\
            <p>'+contact.comments[key].content+'</p>';
            if (contact.comments[key].created_by == {{ Auth::user()->id }} ) {
              showcommentsuivi+='<button class="meta" type="button" data-id="'+contact.comments[key].id+'" onclick="updateComment(this);">Modifier le commentaire</button>';
              showcommentsuivi+='<button class="meta" type="button" data-id="'+contact.comments[key].id+'" onclick="destroyComment(this);">Supprimer le commentaire</button>';
            }
            showcommentsuivi+='</div>\
          </div>';
          $('#contact_comments_suivi').prepend(showcommentsuivi);
          if (contact.comments[key].tab!="suivi") {
            $('#contact_comments_'+contact.comments[key].tab).prepend(showcomment);
          }
        });
    }
    if (contact.adhesions.length >0){
      $.each(contact.adhesions, function( key, value ) {
        $('#contact_adhesions').prepend('<li id="adhesion_'+contact.adhesions[key].id+'" class="list-group-item" onClick="setFormAdhesion('+contact.adhesions[key].id+');"><span class="li-tag">'+contact.adhesions[key].annee+'</span>'+contact.adhesions[key].montant+' - '+contact.adhesions[key].antenne+'</li>');
      });
    }
      // Form communication
      $("#edit_contact_communication").find('input:text, input[type=number], input[type=date], textarea').each(function(){
        $(this).val('');
      });
      $("#edit_contact_communication").find('input:checkbox').each(function(){
        document.getElementById(this.id).checked = false;
      });
      if (contact.communications.length >0){
        $.each(contact.communications, function( key, value ) {
          if (contact.communications[key].mails_infos) {document.getElementById("edit_mails_infos").checked = true;}
          $('#edit_mails_infos_desabo').val(contact.communications[key].mails_infos_desabo);
        });
      }
      // Form bois
      $("#edit_contact_bois").find('input:text, input[type=number], input[type=date], textarea').each(function(){
        $(this).val('');
      });
      $("#edit_contact_bois").find('input:checkbox').each(function(){
        document.getElementById(this.id).checked = false;
      });
      if (contact.bois.length >0){
        $.each(contact.bois, function( key, value ) {
          if (contact.bois[key].mails_bois) {document.getElementById("edit_mails_bois").checked = true;}
          $('#edit_mails_bois_desabo').val(contact.bois[key].mails_bois_desabo);
          if (contact.bois[key].etude_prefaisablitite) {document.getElementById("edit_etude_prefaisablitite").checked = true;}
          if (contact.bois[key].ecs) {document.getElementById("edit_ecs").checked = true;}
          if (contact.bois[key].adherent_eden) {document.getElementById("edit_adherent_eden").checked = true;}
          $('#edit_premier_contact').val(contact.bois[key].premier_contact);
          $('#edit_remise_etude').val(contact.bois[key].remise_etude);
          $('#edit_mise_en_service').val(contact.bois[key].mise_en_service);
          $('#edit_derniere_enquete').val(contact.bois[key].derniere_enquete);
          $('#edit_stade_avancement_projet').val(contact.bois[key].stade_avancement_projet);
          $('#edit_intitule_projet').val(contact.bois[key].intitule_projet);
          $('#edit_besoins').val(contact.bois[key].besoins);
          $('#edit_combustible').val(contact.bois[key].combustible);
          $('#edit_ptotale').val(contact.bois[key].ptotale);
          $('#edit_pbois').val(contact.bois[key].pbois);
          $('#edit_lng_reseau').val(contact.bois[key].lng_reseau);
          $('#edit_pappoint').val(contact.bois[key].pappoint);
          $('#edit_conso_bois_tonne').val(contact.bois[key].conso_bois_tonne);
          $('#edit_conso_bois_mwh_pci').val(contact.bois[key].conso_bois_mwh_pci);
          $('#edit_conso_appoint').val(contact.bois[key].conso_appoint);
          $('#edit_bat_raccordes').val(contact.bois[key].bat_raccordes);
          $('#edit_surface_chauffee').val(contact.bois[key].surface_chauffee);
          $('#edit_type_silo').val(contact.bois[key].type_silo);
          $('#edit_volume_total').val(contact.bois[key].volume_total);
          $('#edit_tonnes_co2_evitees').val(contact.bois[key].tonnes_co2_evitees);
          $('#edit_tep_substituees').val(contact.bois[key].tep_substituees);
          $('#edit_prix_appareil').val(contact.bois[key].prix_appareil);
          $('#edit_reseau_sous_station').val(contact.bois[key].reseau_sous_station);
          $('#edit_chaufferie').val(contact.bois[key].chaufferie);
          $('#edit_investissement').val(contact.bois[key].investissement);
          $('#edit_region').val(contact.bois[key].region);
          $('#edit_ademe').val(contact.bois[key].ademe);
          $('#edit_departement').val(contact.bois[key].departement);
          $('#edit_autres').val(contact.bois[key].autres);
          $('#edit_marque_chaudiere').val(contact.bois[key].marque_chaudiere);
          $('#edit_installateur').val(contact.bois[key].installateur);
        });
      }
      // Form install
      $("#edit_contact_install").find('input:text, input[type=number], input[type=date], textarea').each(function(){
        $(this).val('');
      });
      $("#edit_contact_install").find('input:checkbox').each(function(){
       this.checked = false;
     });
      if (contact.installs.length >0){
        $.each(contact.installs, function( key, value ) {
          if (contact.installs[key].primo_accueil) {document.getElementById("edit_primo_accueil").checked = true;}
          if (contact.installs[key].guide_envoye) {document.getElementById("edit_guide_envoye").checked = true;}
          if (contact.installs[key].forfait1) {document.getElementById("edit_forfait1").checked = true;}
          if (contact.installs[key].forfait2) {document.getElementById("edit_forfait2").checked = true;}
          if (contact.installs[key].forfait3) {document.getElementById("edit_forfait3").checked = true;}
          if (contact.installs[key].recherche_foncier) {document.getElementById("edit_recherche_foncier").checked = true;}
          if (contact.installs[key].hcf) {document.getElementById("edit_hcf").checked = true;}
          if (contact.installs[key].nima) {document.getElementById("edit_nima").checked = true;}
          if (contact.installs[key].diplome_niveau_iv) {document.getElementById("edit_diplome_niveau_iv").checked = true;}
          if (contact.installs[key].aides_installation_region) {document.getElementById("edit_aides_installation_region").checked = true;}
          if (contact.installs[key].aides_ja) {document.getElementById("edit_aides_ja").checked = true;}
          if (contact.installs[key].test_agricole) {document.getElementById("edit_test_agricole").checked = true;}
          if (contact.installs[key].type_projet == "1") {document.getElementById("edit_type_projet_yes").checked = true;}
          if (contact.installs[key].type_projet == "2") {document.getElementById("edit_type_projet_no").checked = true;}
          $('#edit_intitule_diplome').val(contact.installs[key].intitule_diplome);
          $('#edit_precisions_test_agricole').val(contact.installs[key].precisions_test_agricole);
          $('#edit_suivi_par').val(contact.installs[key].suivi_par);
          $('#edit_install_premier_contact').val(contact.installs[key].premier_contact);
          $('#edit_install_annee_naissance').val(contact.annee_naissance);
          $('#edit_agric_naissance').val(contact.annee_naissance);
          $('#edit_secteur').val(contact.installs[key].secteur);
        });
      }
      // Form restoco
      $("#edit_contact_restoco").find('input:text, input[type=number], input[type=date], textarea').each(function(){
        $(this).val('');
      });
      $("#edit_contact_restoco").find('input:checkbox').each(function(){
        this.checked = false;
      });
      document.getElementById("edit_agrement_sanitaire_default").checked = true;
      if (contact.restocos.length >0){
        $.each(contact.restocos, function( key, value ) {
          var prods = JSON.parse(contact.restocos[key].products);
          if (prods) { 
            prods.forEach(function(element) {
              $('.restoco_products').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
          if (contact.restocos[key].cuisine_centrale == "1") {document.getElementById("edit_cuisine_centrale").checked = true;}
          if (contact.restocos[key].cuisine_sur_place == "1") {document.getElementById("edit_cuisine_sur_place").checked = true;}
          if (contact.restocos[key].regie == "1") {document.getElementById("edit_regie_directe").checked = true;}
          if (contact.restocos[key].regie == "2") {document.getElementById("edit_regie_partiel").checked = true;}
          if (contact.restocos[key].regie == "3") {document.getElementById("edit_regie_concede").checked = true;}   
          if (contact.restocos[key].agrement_sanitaire == "Agrément sanitaire") {document.getElementById("edit_agrement_sanitaire_agrement").checked = true;}
          if (contact.restocos[key].agrement_sanitaire == "Dérogation") {document.getElementById("edit_agrement_sanitaire_derogation").checked = true;}   
          $('#edit_groupement_achat').val(contact.restocos[key].groupement_achat);    
          $('#edit_annee_diag_durabilite').val(contact.restocos[key].annee_diag_durabilite);    
          $('#edit_demi_pension').val(contact.restocos[key].demi_pension);
          $('#edit_echeance_marche').val(contact.restocos[key].echeance_marche);
          $('#edit_prestataire').val(contact.restocos[key].prestataire);  
        });
      }      
      // Form agric
      $("#edit_contact_agric").find('input:text, input[type=number], input[type=date], textarea').each(function(){
        $(this).val('');
      });
      $("#edit_contact_agric").find('input:checkbox').each(function(){
        this.checked = false;
      });
      $('#edit_ferme_en_ferme').empty();
      if (contact.agrics.length >0){
        $.each(contact.agrics, function( key, value ) {
          if (contact.agrics[key].de_ferme_en_ferme) {document.getElementById("edit_de_ferme_en_ferme").checked = true;}
          if (contact.agrics[key].mesures_environnementales) {document.getElementById("edit_agric_mesures_environnementales").checked = true;}
          if (contact.agrics[key].bio) {document.getElementById("edit_agric_bio").checked = true;}
          $('#edit_date_deb_conversion').val(contact.agrics[key].date_deb_conversion);
          $('#edit_agric_production_autres').val(contact.production_autres);
          $('#edit_install_production_autres').val(contact.production_autres);
          $('#edit_agric_naissance').val(contact.annee_naissance);
          $('#edit_install_annee_naissance').val(contact.annee_naissance);
          $('#edit_agric_pratiques').val(contact.agrics[key].pratiques);
          $('#edit_agric_preciser_mesures_environnementales').val(contact.agrics[key].preciser_mesures_environnementales)
          var prods = JSON.parse(contact.production);
          var diversifications = JSON.parse(contact.agrics[key].diversification);
          var groups = JSON.parse(contact.agrics[key].groupe_travail);
          var ferms = JSON.parse(contact.agrics[key].ferme_en_ferme);
          var bacs = JSON.parse(contact.agrics[key].bac);
          if (prods) { 
            prods.forEach(function(element) {
              $('.production').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
          if (diversifications) {
            diversifications.forEach(function(element) {
              $('.diversification').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
          if (groups) {
            groups.forEach(function(element) {
              $('.groupe_travail').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
          if (ferms) {
            ferms.forEach(function(element) {
              $('#edit_ferme_en_ferme').append('<li class="inline-b tag">'+element+'<input type="hidden" name="ferme_en_ferme[]" value="'+element+'"><button type="button" class="close" onclick="remferme(this.parentElement)"><span>×</span></button></li>');
            });
          }
          if (bacs) { 
            bacs.forEach(function(element) {
              $('.bac').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
        });
      }
      // Form asso
      $("#edit_contact_asso").find('input:checkbox').each(function(){
        this.checked = false;
      });
      if (contact.assos.length >0){
        $.each(contact.assos, function( key, value ) {
          var fonctions = JSON.parse(contact.assos[key].fonctions);
          if (fonctions) { 
            fonctions.forEach(function(element) {
              $('.fonctions').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
          var commissions = JSON.parse(contact.assos[key].commissions);
          if (commissions) { 
            commissions.forEach(function(element) {
              $('.commissions').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
            });
          }
        });
      }
      $('#edit_agric_production_autres').val(contact.production_autres);
      $('#edit_install_production_autres').val(contact.production_autres);
      var prods = JSON.parse(contact.production);
      if (prods) { 
        prods.forEach(function(element) {
          $('.production').each(function(index, el) {if($(this).val()==element){this.checked = true;}});
        });
      }
    }).fail(function(data) {
      console.log(data);
      if (data.status == 419){
        location.reload();
      }
      if (data.status == 401){
        location.reload();
      }
    });
  }

</script>
@endsection