@extends('layouts.admin')

@section('content')

<div class="block-header">
	<h2><i class="material-icons">contacts</i> Liste de contacts</h2>
</div>


<div class="row clearfix">
  <div class="col-xs-12">
    
      @if(sizeof($contacts) > 0)
      {!! Form::open() !!}
      <div class="card">
        <div class="header">
          <button type="submit" class="btn btn-sm bg-teal waves-effect pull-right">Enregistrer les modifications effectuées</button>
          <h2>
            <p>Contacts du site</p>
            <small>Gestion des contacts du site internet</small>
          </h2>
        </div>
        
        <div class="body table-responsive">
            <table class="table" id="table_menu">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Nom du contact</th>
                        <th>Par défaut</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody class="table_data">
                  @foreach($contacts as $contact)
                    <tr class="data" id="row_">
                        <td>
                          <input type="hidden" value="" id="rang_" name="rang_">
                          {{ $contact->id }}
                        </td>
                        <td>{{ $contact->nom }} {{ $contact->prenom }}</td>
                        <td class="col-light-green">&nbsp;</td>
                        <td>
                          <div class="actions">
                            <a href="{{ action('ContactController@delete', array('id' => $contact->id)) }}" title="Supprimer le contact" onclick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');" class="col-red"><i class="material-icons">delete_forever</i></a>
                            <a href="{{ action('ContactController@edit', array('id' => $contact->id)) }}" title="Editer le contact"><i class="material-icons">edit</i></a>
                            <a href="{{ action('ContactController@defaut', array('id' => $contact->id)) }}" title="Contact par défaut" class="col-light-green"><i class="material-icons">check_circle</i></a>                     
                          </div>
                        </td>
                    </tr>
                  @endforeach 
                </tbody>
            </table>
            <a href="{{ action('ContactController@edit') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter un contact" data-original-title="Ajouter un contact" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
              <i class="material-icons">add</i>
            </a>
        </div>
      </div>
      {!! Form::close() !!}

  </div>
</div>


@else
<a href="{{ action('ContactController@edit') }}" data-toggle="tooltip" data-placement="bottom" title="Ajouter votre premier contact" data-original-title="Ajouter votre premier contact" class="btn bg-teal btn-circle-lg waves-effect waves-circle waves-float">
  <i class="material-icons">add</i>
</a>
@endif

@stop
@section('js')
    @parent
    {!! Html::script("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js") !!}
    <script type="text/javascript">
        $(function() {
            $( ".table_data" ).sortable({
                update: function(event, ui){
                    var rows = $("#"+$(ui.item).attr("id")).parent();
                    rows.children().each(function(index){
                        $("#" + $(this).attr('id') + " input:hidden").val(index+1);
                    });

                }
            });
            $( ".data" ).addClass( "ui-widget ui-widget-content ui-corner-all" );
            //$( ".table_data" ).disableSelection();
        });
    </script>
@stop