@extends('layouts.layout')
@section('content')
{{-- SHOW ALL --}}
<div class="container-fluid">
  <h2>Bois</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="3">Etude préfaisabilité</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="4">1er contact</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="5">Remise d'étude</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="6">Mise en service</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="7">Dernière enquête</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="8">Stade d'avancement du projet</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="9">Intitulé du projet</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="10">Besoins (MWh utiles/an)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="11">Combustible</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="12">Ptotale (kW)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="13">Pbois (kW)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="14">Pappoint (kW)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="15">Longueur réseau (ml)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="16">Conso bois (tonnes)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="17">Conso bois (MWh PCI)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="18">Conso appoint (MWh PCI)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="19">Bâtiment raccordés</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="20">Surface chauffée (m2)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="21">Type de silo</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="22">Volume totale silo</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="23">Tonnes CO2 Evitées</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="24">TEP Substituées</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="25">ECS</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="26">Prix appareil (€ HT)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="27">Réseaux et Sous Station</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="28">Chaufferie</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="29">Investissement (€ HT)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="30">Région</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="31">ADEME</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="32">Département</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="33">Autres</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="34">Marque chaudière</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="35">Installateur</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="36">Adhérent EDEN année en cours</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="37">Newletter</button>
  <hr>
</div>
{{--   <label for="ORsearchbar" style="color: #333;">Avec l'un des mots mots-clés :&nbsp;</label>
  <input type="text" id= "ORsearchbar" placeholder="" class="form-control datatablesearch">
  <button id="ORsearchButton" type="button" class="btn">search</button>
  <hr> --}}
  <div class="clearfix"></div>
  @if ( count($boiss) > 0 )
  <table id="tab_contacts"  >
    <thead>
      <tr>
        {{-- <th>Date création</th> --}}
        <th>Contact</th>
        <th>Structure</th>
        <th>Etude préfaisabilité</th>

        <th>1er contact</th>
        <th>Remise d'étude</th>
        <th>Mise en service</th>
        <th>Dernière enquête</th>
        <th>Stade d'avancement du projet</th>
        <th>Intitulé du projet</th>

        <th>Besoins (MWh utiles/an)</th>
        <th>Combustible</th>
        <th>Ptotale (kW)</th>
        <th>Pbois (kW)</th>
        <th>Pappoint (kW)</th>
        <th>Longueur réseau (ml)</th>
        <th>Conso bois (tonnes)</th>
        <th>Conso bois (MWh PCI)</th>
        <th>Conso appoint (MWh PCI)</th>
        <th>Bâtiment raccordés</th>
        <th>Surface chauffée (m2)</th>
        <th>Type de silo</th>
        <th>Volume totale silo</th>
        <th>Tonnes CO2 Evitées</th>
        <th>TEP Substituées</th>
        <th>ECS</th>

        <th>Prix appareil (€ HT)</th>
        <th>Réseaux et Sous Station</th>
        <th>Chaufferie</th>
        <th>Investissement (€ HT)</th>
        <th>Région</th>
        <th>ADEME</th>
        <th>Département</th>
        <th>Autres</th>

        <th>Marque chaudière</th>
        <th>Installateur</th>

        <th>Adhérent EDEN année en cours</th>
        <th>Newletter</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        {{-- <th>Date création</th> --}}
        <th>Contact</th>
        <th>Structure</th>
        <th>Etude préfaisabilité</th>

        <th>1er contact</th>
        <th>Remise d'étude</th>
        <th>Mise en service</th>
        <th>Dernière enquête</th>
        <th>Stade d'avancement du projet</th>
        <th>Intitulé du projet</th>

        <th>Besoins (MWh utiles/an)</th>
        <th>Combustible</th>
        <th>Ptotale (kW)</th>
        <th>Pbois (kW)</th>
        <th>Pappoint (kW)</th>
        <th>Longueur réseau (ml)</th>
        <th>Conso bois (tonnes)</th>
        <th>Conso bois (MWh PCI)</th>
        <th>Conso appoint (MWh PCI)</th>
        <th>Bâtiment raccordés</th>
        <th>Surface chauffée (m2)</th>
        <th>Type de silo</th>
        <th>Volume totale silo</th>
        <th>Tonnes CO2 Evitées</th>
        <th>TEP Substituées</th>
        <th>ECS</th>

        <th>Prix appareil (€ HT)</th>
        <th>Réseaux et Sous Station</th>
        <th>Chaufferie</th>
        <th>Investissement (€ HT)</th>
        <th>Région</th>
        <th>ADEME</th>
        <th>Département</th>
        <th>Autres</th>

        <th>Marque chaudière</th>
        <th>Installateur</th>

        <th>Adhérent EDEN année en cours</th>
        <th>Newletter</th>
      </tr>
    </tfoot>
    <tbody>
      @foreach ( $boiss  as $bois)
      <tr data-id="{{ $bois->contact_id }}" class="contact_edit {{ $bois->contact()->style }}" data-toggle="modal" data-target="#edit_squarespaceModal">
        {{-- <td>{{ $bois->created_at }}</td> --}}
        <td>{{ $bois->contactName() }}</td>      
        <td>{{ $bois->contact()->structure }}</td>      
        <td>@if ($bois->etude_prefaisablitite) oui @else non @endif</td>
        <td>{{ $bois->premier_contact }}</td>
        <td>{{ $bois->remise_etude }}</td>
        <td>{{ $bois->mise_en_service }}</td>
        <td>{{ $bois->derniere_enquete }}</td>
        <td>{{ $bois->stade_avancement_projet }}</td>
        <td>{{ $bois->intitule_projet }}</td>

        <td>{{ $bois->besoins }}</td>
        <td>{{ $bois->combustible }}</td>
        <td>{{ $bois->ptotale }}</td>
        <td>{{ $bois->pbois }}</td>
        <td>{{ $bois->pappoint }}</td>
        <td>{{ $bois->lng_reseau }}</td>
        <td>{{ $bois->conso_bois_tonne }}</td>
        <td>{{ $bois->conso_bois_mwh_pci }}</td>
        <td>{{ $bois->conso_appoint }}</td>
        <td>{{ $bois->bat_raccordes }}</td>
        <td>{{ $bois->surface_chauffee }}</td>
        <td>{{ $bois->type_silo }}</td>
        <td>{{ $bois->volume_total }}</td>
        <td>{{ $bois->tonnes_co2_evitees }}</td>
        <td>{{ $bois->tep_substituees }}</td>
        <td>@if ($bois->ecs) ECS @endif</td>

        <td>{{ $bois->prix_appareil }}</td>
        <td>{{ $bois->reseau_sous_station }}</td>
        <td>{{ $bois->chaufferie }}</td>
        <td>{{ $bois->investissement }}</td>
        <td>{{ $bois->region }}</td>
        <td>{{ $bois->ademe }}</td>
        <td>{{ $bois->departement }}</td>
        <td>{{ $bois->autres }}</td>

        <td>{{ $bois->marque_chaudiere }}</td>
        <td>{{ $bois->installateur }}</td>

        <td>@if ($bois->adherent_eden) Adhérent EDEN @endif</td>
        <td>@if ($bois->mails_bois) oui @else non @endif</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"
          } 
        }
      },
      columnDefs: [
      { width: 150, targets: 0 },
      { width: 150, targets: 1 },
      { width: 125, targets: 2 },
      { width: 125, targets: 3 },
      { width: 125, targets: 4 },
      { width: 125, targets: 5 },
      { width: 125, targets: 6 },
      { width: 150, targets: 7 },
      { width: 150, targets: 8 },
      { width: 150, targets: 9 },
      { width: 150, targets: 10 },
      { width: 150, targets: 11 },
      { width: 150, targets: 12 },
      { width: 150, targets: 13 },
      { width: 150, targets: 14 },
      { width: 150, targets: 15 },
      { width: 150, targets: 16 },
      { width: 150, targets: 17 },
      { width: 150, targets: 18 },
      { width: 150, targets: 19 },
      { width: 150, targets: 20 },
      { width: 150, targets: 21 },
      { width: 150, targets: 22 },
      { width: 125, targets: 23 },
      { width: 125, targets: 24 },
      { width: 150, targets: 25 },
      { width: 150, targets: 26 },
      { width: 125, targets: 27 },
      { width: 125, targets: 28 },
      { width: 100, targets: 29 },
      { width: 100, targets: 30 },
      { width: 100, targets: 31 },
      { width: 150, targets: 32 },
      { width: 150, targets: 33 },
      { width: 150, targets: 34 },
      { width: 150, targets: 35 },
      { width: 125, targets: 36 },
      ],
      // "autoWidth": false,
      pageLength: 50,
      scrollX: true,
      scrollCollapse: true,
      fixedColumns: true,
    });
    $('#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');
        table.DataTable().columns.adjust();
      } );
    // 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();
    } );

    // // OR Search bar
    // $('#ORsearchbar').keyup(function () {
    //   table.search($(this).val()).draw();
    // })
    // var input = $('#ORsearchbar');
    // input.unbind('keyup search input').bind('keypress', function (e) {
    //   // if (e.which == 13) {
    //     var keywords = input.val().split(' '),
    //     filter = '';
    //     for (var i = 0; i < keywords.length; i++) {
    //       filter = (filter !== '') ? filter + '|' + keywords[i] : keywords[i];
    //     }
    //     table.search(filter, true, false).draw();
    //   // }
    // });
    
    $('#ORsearchButton').click(function () {
      var input = $('#ORsearchbar');
      var keywords = input.val().split(' '),
      filter = '';
      for (var i = 0; i < keywords.length; i++) {
        filter = (filter !== '') ? filter + '|' + keywords[i] : keywords[i];
      }
      table.search(filter, true, false).draw();
    });

    // EDIT: Capture enter press as well
    $("#ORsearchbar").keypress(function(e) {
        // You can use $(this) here, since this once again refers to your text input            
        if(e.which === 13) {
            e.preventDefault(); // Prevent form submit
            table.search($(this).val()).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