@extends('layouts.admin')

@section('content')

<div class="block-header">
	<h2><i class="material-icons">menu</i> Menu</h2>
</div>

<div class="row clearfix">
    <div class="col-xs-12">
      {!! Form::open() !!}
      <div class="card">
        <div class="header">
          <button type="submit" class="btn btn-sm bg-teal waves-effect pull-right">Enregistrer le menu</button>
          <h2>
            <p>Gestion du menu du site</p>
            <small>Gérer l'ordre des liens du menu</small>
          </h2>
        </div>
        
        <div class="body table-responsive">
            <table class="table" id="table_menu">
                <thead>
                    <tr>
                        <th>Menu</th>
                        <th>Nom</th>
                        <th>Type</th>
                    </tr>
                </thead>
                <tbody class="table_data">
                  @foreach ($menus as $menu)
                    <tr class="data" id="row__">
                        <td>
                          <input type="hidden" value="" id="rang__" name="rang__">
                          <div>{{ $menu['menu'] }}</div>
                        </td>
                        <td>{{ $menu['nom'] }}</td>
                        <td>{{ $menu['type'] }}</td>
                    </tr>
                  @endforeach 
                </tbody>
            </table>
            <button type="submit" class="btn btn-sm bg-teal waves-effect pull-right">Enregistrer le menu</button>
        </div>
      </div>
        {!! Form::close() !!}
      </div>
</div>


@stop
@section('js')
    @parent
    {!! Html::script("js/jquery-ui.1.12.1.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-helper-clearfix ui-corner-all" );
            $( ".table_data" ).disableSelection();
        });
    </script>
@stop