@extends('su-admin.layout.master')

@section('content')

@php
$menu_items = [];

if (!empty($menu)) {
    $menu_items = $menu->get_items();
}
@endphp

<div class="row">
  <div class="col-lg-12 grid-margin">

    @if (session()->has('message'))

    <div class="alert alert-success alert-dismissible fade show" role="alert">
      {{ session('message') }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>

    @endif

    @if (session()->has('error'))

    <div class="alert alert-danger alert-dismissible fade show" role="alert">
      {{ session('error') }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>

    @endif

    <div class="card card-menus-settings-title">
      <div class="p-4 border-bottom bg-light">
        <h4 class="card-title mb-0">Menu</h4>
        <div class="page-back"><a class="btn btn-primary" role="button" aria-disabled="true" href="{{route('admin.menus.list')}}"><i class="mdi mdi-arrow-left"></i></a></div>
      </div>
      <div class="card-body card-menus-settings">

        <div class="well">

          {!! Form::open(['url' => Request::url(), 'method' => 'post', 'class' => 'form-horizontal form-menu']) !!}


          <div class="container menu-settings">
    
            <div class="alert alert-danger alert-dismissible admin-alert-error fade show alert-hidden" role="alert">
              <h3 class="alert-message"></h3>
              <ul class="alert-list"></ul>
            </div>

            <div class="row">
              <div class="col-12">
                <div class="jumbotron mb-3 menu-settings-info">
                  <div class="menu-settings-title">Informazioni</div>

                  <fieldset>

                    @php
                      $id_args = [
                        'class' => 'form-control',
                        'data-label' => 'Identificativo'
                      ];

                      if(!empty($menu)){
                        $id_args['readonly'] = 'true';
                      }
                    @endphp

                    <div class="form-group row mb-3">
                      {!! Form::label('id', 'Identificativo', ['class' => 'form-label']) !!}
                      <div class="col-lg-4">
                          {!! Form::input('text', 'id', (!empty($menu) ? $menu->get_id() : ''), $id_args) !!}
                      </div>
                    </div>

                    <div class="form-group row">
                      {!! Form::label('title', 'Label', ['class' => 'form-label']) !!}
                      <div class="col-lg-6">
                          {!! Form::input('text', 'title', (!empty($menu) ? $menu->get_title() : ''), [
                              'class' => 'form-control',
                              'data-label' => 'Label'
                          ]) !!}
                      </div>
                    </div>

                  </fieldset>

                </div>
              </div>

            </div>
            @if(!empty($menu))
            <div class="row">

              <div class="col-12 col-md-4">
                <div class="jumbotron mb-3 menu-settings-add">
                  <div class="menu-settings-title">Aggiungi voci del menu</div>
                  @get_template_part('su-admin.pages.menus.parts.add-items', null, ['menu' => $menu, 'languages' => $languages, 'pages' => $pages, 'products_seasons' => $products_seasons, 'products_categories' => $products_categories, 'products_lines' => $products_lines, 'products_attributes' => $products_attributes])
                </div>
              </div>

              <div class="col-12 col-md-8">
                <div class="jumbotron mb-3 menu-settings-items">
                  <div class="menu-settings-title">Struttura del menu</div>

                  <div id="menu-list-items">
                    <div class="accordion accordion-menu-list" id="accordion-menu-list-items">
                      <ul class="menu-items-order" data-depth="0">
                      @get_template_part('su-admin.pages.menus.parts.items', null, ['menu' => $menu, 'languages' => $languages, 'items' => $menu_items])
                      </ul>
                    </div>
                  </div>

                </div>
              </div>

            </div>
            @endif

            <div class="form-group row menu-settings-button">
              <div class="col-lg-12 col-lg-offset-2">
                  {!! Form::hidden('delete', '0') !!}

                  @if(!empty($menu))
                    {!! Form::button('Elimina', ['class' => 'btn btn-danger btn-fw remove_menu'] ) !!}
                    {!! Form::button('Salva', ['class' => 'btn btn-primary btn-fw submit_menu'] ) !!}
                  @else
                    {!! Form::hidden('new', '1') !!}
                    {!! Form::button('Crea', ['class' => 'btn btn-primary btn-fw submit_menu'] ) !!}
                  @endif
              </div>
            </div>

          </div>

          {!! Form::close() !!}

        </div>


      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="admin-modal-confirm" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Conferma cancellazione</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Sei sicuro di voler cancellare questo menu?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="admin-modal-confirm-btn-si" data-dismiss="modal">Si</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-confirm-btn-no">No</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-confirm-item" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Conferma cancellazione</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        Sei sicuro di voler cancellare questo voce di menu?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="admin-modal-confirm-item-btn-si" data-dismiss="modal">Si</button>
        <button type="button" class="btn btn-secondary" id="admin-modal-confirm-item-btn-no">No</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="admin-modal-add-items" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Abbiamo riscontrato dei problemi</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">

      </div>
    </div>
  </div>
</div>

@endsection