@extends('layouts.layout')
@section('content')
<input type="hidden" id="update" value="0">
<h2>Vos contacts <button id="add_contact_modal_btn" data-toggle="modal" data-target="#squarespaceModal" class="btn btn-primary pull-right">Ajouter un contact</button></h2>
<hr>
{{-- FILTERS --}}
<form action="" method="post" style="display: none" id="filter_update">
  @csrf
</form>
<div id="tabtogglecolums" class="container-fluid text-center">
  <button type="button" class="btn btn-primary toggle-vis" data-column="0">Catégories (principale, agri, bois, repas)</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="1">Contact</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="2">Structure</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="3">Fonction</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="4">Email</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="5">Tel</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="6">Portable</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="7">Ville</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="8">CP</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="9">Adresse</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="10">Code région</button>
  <!--<button type="button" class="btn btn-primary toggle-vis" data-column="11">Référents</button>-->
  <button type="button" class="btn btn-primary toggle-vis" data-column="12">Date création</button>
  <button type="button" class="btn btn-primary toggle-vis" data-column="13">Date modification</button>
  <hr>
</div>

<div class="container-fluid text-center form-group">

</div>
<div class="clearfix"></div>
{{-- SHOW ALL --}}
<section id="contact_list" class="container-fluid">
  <table id="tab_contacts">
    <thead>
      <tr>
        <th class="td_catmain">Catégories (principale, agri, bois, repas)</th>
        <th class="td_fullname">Contact</th>
        <th class="td_structure">Structure</th>
        <th class="td_activity">Fonction</th>
        <th class="td_email">Email</th>
        <th class="td_phone">Tel</th>
        <th class="td_phone2">Portable</th>
        <th class="td_city">Ville</th>
        <th class="td_zip">CP</th>
        <th class="td_address">Adresse</th>
        <th class="td_region">Code région</th>
        <th class="td_referent">Référent</th>
        <th class="td_created_at">Création</th>
        <th class="td_updated_at">Modification</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <th class="td_catmain">Catégories (principale, agri, bois, repas)</th>
        <th class="td_fullname">Contact</th>
        <th class="td_structure">Structure</th>
        <th class="td_activity">Fonction</th>
        <th class="td_email">Email</th>
        <th class="td_phone">Tel</th>
        <th class="td_phone2">Portable</th>
        <th class="td_city">Ville</th>
        <th class="td_zip">CP</th>
        <th class="td_address">Adresse</th>
        <th class="td_region">Code région</th>
        <th class="td_referent">Référent</th>
        <th class="td_created_at">Création</th>
        <th class="td_updated_at">Modification</th>
      </tr>
    </tfoot>
    <tbody>
      {!! $tabcontent !!}
    </tbody>
  </table>

</section>
@include('contacts.legend')
{{-- ADD --}}
<div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <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><br>
        <h3 class="modal-title" id="lineModalLabel" style="margin-bottom: -30px;">Ajouter un contact</h3>
      </div>
      <div class="clearfix"></div>
      <div class="modal-body">
        <form method="post" action="/contacts" id="add_contact">
          @csrf
          <div id="err_add_contact"></div>
          <legend>Contact</legend>
          <p class="infos">
            Vous pouvez laisser les champs vides puis cliquer sur “Ajouter”
          </p>
          <hr>
          <div class="row form-group">
            <div class="col-sm-2"><label for="name">Nom</label></div>
            <div class="col-sm-4"><input type="text" class="form-control text-uppercase" id="name" name="name" autocomplete="off" /></div>
            <div class="col-sm-2"><label for="firstname">Prénom</label></div>
            <div class="col-sm-4"><input type="text" class="form-control" id="firstname" name="firstname" autocomplete="off" /></div>
          </div>
          <div class="row form-group">
            <div class="col-sm-2"><label for="cat_main">Catégorie principale</label></div>
            <div class="col-sm-4">
              <select class="form-control" id="cat_main" name="cat_main">
                <option value="default"></option>
                <option value="Agriculteur">Agriculteur</option>
                <option value="Porteur de projet">Porteur de projet</option>
                <option value="Association">Association</option>
                <option value="Particulier">Particulier</option>
                <option value="Élu collectivité">Élu collectivité</option>
                <option value="Salarié collectivité">Salarié collectivité</option>
                <option value="Structure d'accompagnement">Structure d'accompagnement</option>
                <option value="Entreprise">Entreprise</option>
                <option value="Journaliste">Journaliste</option>
                <option value="Partenaire financier">Partenaire financier</option>
                <option value="Retraité agricole">Retraité agricole</option>
              </select>
            </div>
          </div>
          <div class="row form-group">
            <div class="col-sm-2"><label for="email">Email</label></div>
            <div class="col-sm-4"><input type="email" class="form-control" id="email" name="email" /></div>
            <div class="col-sm-2"><label for="phone1">Tel</label></div>
            <div class="col-sm-4"><input type="tel" class="form-control" id="phone1" name="phone1" /></div>
          </div>
          <div class="row form-group">
            <div class="col-sm-2"><label for="sexe">Sexe</label></div>
            <div class="col-sm-4"><select class="form-control" id="sexe" name="sexe">
                <option value="default"></option>
                <option value="Homme">Homme</option>
                <option value="Femme">Femme</option>
              </select></div>
            <div class="col-sm-2"><label for="annee_naissance">Année de naissance</label></div>
            <div class="col-sm-4"><input type="number" class="form-control" id="annee_naissance" name="annee_naissance" /></div>
          </div>
          <div class="row form-group">
            <div class="col-sm-2"><label for="structure">Structure<img src="/assets/images/infobulle.png" width="20" style="margin:5px" input title="Tapez quelques lettres pour trouver le nom de la structure tel qu'il est déj&agrave; renseigné dans la base."></label></div>
            <div class="col-sm-4"><input type="text" class="form-control" id="structure" name="structure" /></div>
          </div>
          <script>
            jQuery(document).ready(function($) {
              var liste = [
			  {!! $listestructure !!}
			  ];
              $('#structure').autocomplete({
                source: liste
              });
            });
          </script>
          <hr>
          <legend>Adresse Professionnelle</legend><label></i>Entrez le d&eacute;but de votre adresse pour avoir des propositions. Si aucune proposition n'est faite, remplissez manuellement les champs 'Rue', 'CP' et 'Ville'</i></label>
          <div class="dadress1">
            <div class="row form-group">
              <div class="col-sm-2"><label for="autocomplete_ajout_address1">Adresse</label></div>
              <div class="col-sm-10"><input name="autocomplete_ajout_address1" id="autocomplete_ajout_address1" placeholder="Entrer une adresse" type="text" class="form-control" /></div>
            </div>
            <div class="row form-group">
              <div class="col-sm-2"><label for="address2">Complément d'adresse</label></div>
              <div class="col-sm-7"><input type="text" class="form-control" id="address2" name="address2" /></div>
              <div class="col-sm-1"><label for="cedex">Cedex</label></div>
              <div class="col-sm-2"><input type="text" class="form-control" id="cedex" name="cedex" /></div>
            </div>
            <div class="row form-group">
              <div class="col-sm-2"><label for="address">Rue</label></div>
              <div class="col-sm-4"><input type="text" class="form-control" id="address" name="address" /></div>
              <div class="col-sm-1"><label for="zip">CP</label></div>
              <div class="col-sm-2"><input type="number" class="form-control" id="zip" name="zip" /></div>
              <div class="col-sm-1"><label for="city">Ville</label></div>
              <div class="col-sm-2"><input type="text" class="form-control" id="city" name="city" /></div>
            </div>
          </div>
          <legend>Localisation géographique<i> (champs remplis automatiquement)</i></legend>
          <div class="row form-group">
            <div class="col-sm-2"><label for="autocomcom_ajout">Ville</label></div>
            <div class="col-sm-4">
              <select class="form-control" id="autocomcom_ajout" name="autocomcom">
                <option value=""></option>
                @foreach ( $comcoms as $comcom)
                <option data-interco="{{ $comcom->interco }}" data-departement="{{ $comcom->departement }}" data-region="{{ $comcom->region }}" data-pra="{{ $comcom->code_pra }}" data-ville="{{ $comcom->ville }}" value="{{ $comcom->id }}">{{ $comcom->ville }}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="dcollectivity">
            <div class="row form-group">
              <div class="col-sm-2"><label for="co_dep">Département</label></div>
              <div class="col-sm-4"><input class="form-control" type="text" id="co_dep" name="co_dep"></input></div>
              <div class="col-sm-2"><label for="co_reg">Région agricole</label></div>
              <div class="col-sm-4"><input class="form-control" type="text" id="co_reg" name="co_reg"></input></div>
            </div>
            <div class="row form-group">
              <div class="col-sm-2"><label for="co_com_com">Com com</label></div>
              <div class="col-sm-4"><input class="form-control" type="text" id="co_com_com" name="co_com_com"></input></div>
              <div class="col-sm-2"><label for="code_pra">Code PRA</label></div>
              <div class="col-sm-4"><input class="form-control" type="text" id="code_pra" name="co_pra"></input></div>
            </div>
          </div>
          <legend>Adresse Personnelle</legend><label></i>Entrez le d&eacute;but de votre adresse pour avoir des propositions. Si aucune proposition n'est faite, remplissez manuellement les champs 'Rue', 'CP' et 'Ville'</i></label>
          <div class="dadress1">
            <div class="row form-group">
              <div class="col-sm-2"><label for="autocomplete_ajout_address2">Adresse</label></div>
              <div class="col-sm-10"><input id="autocomplete_ajout_address2" placeholder="Entrer une adresse" type="text" class="form-control" /></div>
            </div>
            <div class="row form-group">
              <div class="col-sm-2"><label for="address2_perso">Complément d'adresse</label></div>
              <div class="col-sm-7"><input type="text" class="form-control" id="address2_perso" name="address2_perso" /></div>
              <div class="col-sm-1"><label for="cedex_perso">Cedex</label></div>
              <div class="col-sm-2"><input type="text" class="form-control" id="cedex_perso" name="cedex2" /></div>
            </div>
            <div class="row form-group">
              <div class="col-sm-2"><label for="address_perso">Rue</label></div>
              <div class="col-sm-4"><input type="text" class="form-control" id="address_perso" name="address_perso" /></div>
              <div class="col-sm-1"><label for="edit_zip_perso">CP</label></div>
              <div class="col-sm-2"><input type="number" class="form-control" id="zip_perso" name="zip2" /></div>
              <div class="col-sm-1"><label for="city_perso">Ville</label></div>
              <div class="col-sm-2"><input type="text" class="form-control" id="city_perso" name="city2" /></div>
            </div>
          </div>
          <legend>Production</legend>
          <div class="row form-group">
            <div class="col-sm-12">
              <div class="col-sm-3">
                @foreach ( $prodc1items as $production)
                <div class="col-sm-12"><label><input class="production" type="checkbox" name="production[]" value="{{ $production->value }}"> {{ $production->label }}</label></div>
                @endforeach
              </div>
              <div class="col-sm-3">
                @foreach ( $prodc2items as $production)
                <div class="col-sm-12"><label><input class="production" type="checkbox" name="production[]" value="{{ $production->value }}"> {{ $production->label }}</label></div>
                @endforeach
              </div>
              <div class="col-sm-3">
                @foreach ( $prodc3items as $production)
                <div class="col-sm-12"><label><input class="production" type="checkbox" name="production[]" value="{{ $production->value }}"> {{ $production->label }}</label></div>
                @endforeach
              </div>
              <div class="col-sm-3">
                @foreach ( $prodc4items as $production)
                <div class="col-sm-12"><label><input class="production" type="checkbox" name="production[]" value="{{ $production->value }}"> {{ $production->label }}</label></div>
                @endforeach
              </div>
            </div>
          </div>
          <legend>Groupes de travail</legend>
          <div class="row form-group">
            <div class="col-sm-6">
              <div class="col-sm-12"><label>Accompagnement technique</label></div>
              @foreach ( $grptravailsatitems as $grptravail)
              <div class="col-sm-6"><label><input class="groupe_travail" type="checkbox" name="groupe_travail[]" value="{{ $grptravail->value }}"> {{ $grptravail->label }}</label></div>
              @endforeach
            </div>
            <div class="col-sm-6">
              <div class="col-sm-12"><label>Accompagnement filière</label></div>
              @foreach ( $grptravailsafitems as $grptravail)
              <div class="col-sm-6"><label><input class="groupe_travail" type="checkbox" name="groupe_travail[]" value="{{ $grptravail->value }}"> {{ $grptravail->label }}</label></div>
              @endforeach
            </div>
          </div>
          <div class="col-sm-12 form-group">
            <div class="col-sm-2"><label for="agric_production_autres">Autres (Precisez)</label></div>
            <div class="col-sm-10"><input type="text" class="form-control" name="production_autres" id="agric_production_autres"></div>
          </div>
          <div class="row form-group">
            <input type="hidden" class="form-control" id="created_by" name="created_by" value="