@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Configurar Menu </h4>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <link href="{{ URL::asset('css/app.css') }}" rel="stylesheet">
  <link rel="stylesheet" href="{{ URL::asset('js/jquery-ui-1.12.1.custom/jquery-ui.css') }}">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <a href="{{ routeTenant('menus.add') }}" type="button" class="btn btn-primary pull-right">Add Menu Item</a>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 offset-2">
      <div class="box">
        <div class="box-header"></div>
        <div class="box-body">
          <br>
          @include('app.admin.Menus.partial.MenuItem')
        </div>
      </div>
    </div>
  </div>
@endsection

@section('post-script')
  <!-- Scripts -->
  <script src="{{ URL::asset('/js/app.js') }}"></script>
  <script src="{{ URL::asset('js/jquery-ui-1.12.1.custom/jquery-ui.js') }}"></script>
  <script type="text/javascript" src="{{ URL::asset('js/Menu/menu.js') }}"></script>
  <script type="text/javascript" src="{{ URL::asset('js/Menu/menuItemsort.js') }}"></script>
  <script>
    $(document).ready(function() {
      $('a[data-confirm]').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR MENU' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja DELETAR o MENU ?</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">DELETAR</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });
  </script>
@endsection