1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / priyotraveller.com / resources / views / admin / manage-menu /
Filename : manage-menu.blade.php
back
@extends('admin.master')

@section('title', 'Manage menus')

@section('content')
<div class="right_col" role="main">
  <div class="clearfix"></div>
  <div class="col-sm-12 col-xs-12">
    @if (Session::has('message_delete'))
    <div class="alert alert-danger" role="alert">{{Session::get('message_delete')}}</div>
    @endif
    @if (Session::has('message_success'))
    <div class="alert alert-success" role="alert">{{Session::get('message_success')}}</div>
    @endif
  </div>
  <div class="row">
    <div class="col-sm-12 col-xs-12">
      @if(count($errors) > 0)
      <div class="alert alert-danger">
        <ul>
          @foreach($errors->all() as $er)
          <li>{{$er}}</li>
          @endforeach
        </ul>
      </div>
      @endif
    </div>
    <!-- /.col-lg-12 -->
  </div>
  <div class="row">
    <div class="col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>Manage front menus</h2>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">
          <div class="row">
            <div class="col-sm-4">
              <label for="name" class="invisible">Group name </label>
              <h4>Create menu from here</h4>
            </div>
            <div class="col-sm-8">
              <div class="form-group col-sm-5">
                <label for="group">Menu Group</label>
                <select name="group" id="group" class="form-control">
                  @forelse($groups as $group)
                  @if(\Illuminate\Support\Facades\Cache::has("group_id"))
                  @php
                  $group = isset($group) ? $group : "";
                  $request_group_id = \Illuminate\Support\Facades\Cache::get("group_id");
                  $selected = $group->id == $request_group_id ? "selected" : "";
                  @endphp
                  @endif
                  <option value="{{$group->id}}" {{isset($selected) ? $selected : ""}}>{{$group->name}}</option>
                  @empty
                  <option value="0">None</option>
                  @endforelse
                </select>
              </div>
              <div class="form-group col-sm-5">
                <label for="parent">Parent </label>
                <select name="parent" id="parent" class="form-control">
                  <option value="0">None</option>
                  @foreach($parents as $parent)
                  @if(\Illuminate\Support\Facades\Cache::has("parent_id"))
                  @php
                  $parent = isset($parent) ? $parent : "";
                  $request_parent_id = \Illuminate\Support\Facades\Cache::get("parent_id");
                  $selected = $parent->id == $request_parent_id ? "selected" : "";
                  @endphp
                  @endif
                  <option value="{{$parent->id}}" {{isset($selected) ? $selected : ""}}>{{$parent->name}}</option>
                  @endforeach
                </select>
              </div>
              <div class="form-group col-sm-2">
                <label for="submit" class="invisible">Save menu </label>
                <button type="submit" class="btn btn-primary" id="find">Find</button>
              </div>
            </div>
          </div>
          <!--.row -->
          <div class="row">
            <div class="col-sm-4">
              <div class="form-group">
                <label for="custom-menu-name">Menu name </label>
                <input type="text" id="custom-menu-name" class="form-control" placeholder="menu name" autofocus>
              </div>
              <div class="form-group">
                <label for="custom-menu-url">Menu URL </label>
                <input type="text" id="custom-menu-url" class="form-control" placeholder="url">
              </div>
              <div class="form-group">
                <button role="button" class="btn-link" id="add-custom-menu">Add to menu</button>
              </div>
            </div> <!-- .col-sm-4 -->
            <div class="col-sm-8">
              <div id="mainMenu">
                <ul id="sortable"></ul>
              </div>
              <button class="btn btn-success" id="save-menu">Save menu</button>
            </div> <!-- .col-sm-8 -->
          </div>
          <!--.row -->
        </div>
      </div>
    </div>
  </div> <!-- .row -->
</div> <!-- /page content -->

<!-- start make menu -->
<ul class="hide make_menu">
  <li class="item clearfix">
    <span class="showName"></span>
    <input type="hidden" class="menu-item" menu-name="" menu-class="" menu-title="" new-window="0" menu-icon="" value=""
      menu-type="internal" menu-id="0">
    <span class="delete pull-right" title="delete"> <i class="fa fa-trash"></i> </span>
    <span class="edit pull-right" title="edit"> <i class="fa fa-pencil"></i> </span>
    <div class="menu-edit-form hide">
      <div class="row">
        <div class="form-group col-sm-6">
          <label for="menu-name">Menu name</label>
          <input type="text" class="menu-name form-control" value="" placeholder="menu name">
        </div>
        <div class="form-group col-sm-6">
          <label for="menu-url">Menu url</label>
          <input type="text" class="menu-url form-control" value="" placeholder="menu url">
        </div>
      </div>
      <div class="row">
        <div class="form-group col-sm-6">
          <label for="menu-class">Menu class</label>
          <input type="text" class="menu-class form-control" value="" placeholder="menu class">
        </div>
        <div class="form-group col-sm-6">
          <label for="menu-title">Title</label>
          <input type="text" class="menu-title form-control" value="" placeholder="menu title">
        </div>
      </div>
      <div class="row">
        <div class="form-group col-sm-6">
          <label for="menu-icon" class="hidden">new window</label> <br>
          <label class="checkbox-inline">
            <input type="checkbox" class="new-tab"> New tab
          </label>
        </div>
        <div class="form-group col-sm-6">
          <label for="menu-icon">Menu Icon</label>
          <input type="text" class="menu-icon form-control" value="" placeholder="menu icon">
        </div>
      </div>
      <div class="form-group">
        <input type="button" class="btnUpdate btn btn-bitbucket btn-sm" value="Update">
      </div>
    </div> <!-- .menu-edit-form -->
  </li>
</ul> <!-- .hide -->
<!-- end make menu -->
@endsection

@section('style')
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<style>
  #mainMenu {
    margin-bottom: 30px;
    background: #ddd;
    padding: 5px 0 5px 5px;
    border-radius: 4px;
  }

  #sortable {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0;
    list-style: none;
  }

  #sortable li {
    border-radius: 2px;
    background: #f4f4f4;
    cursor: pointer;
    padding: 6px 10px;
    color: rgb(69, 69, 69);
    border: 1px solid rgb(197, 197, 197);
    font-weight: 600;
  }

  #sortable>li:last-of-type {
    margin-bottom: 0;
  }

  #sortable li .edit,
  #sortable li .delete {
    cursor: context-menu;
    display: inline-block;
    padding: 0 7px;
    font-size: 14px;
    color: #3c3c3c;
  }

  .menu-edit-form {
    padding: 10px 10px;
    background: rgba(221, 221, 221, 0.65);
    margin: 10px 0;
    border-radius: 4px;
  }

  .menu-edit-form label {
    font-size: 13px;
    font-weight: 600;
  }

  .menu-edit-form .form-control {
    font-size: 13px;
    height: 28px;
    padding: 4px 8px;
  }

  .btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
  }

  .btn-bitbucket:hover {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2);
  }
</style>
@endsection

@section('script')
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="{{asset("admin/build/js/front-menu-customization.js")}}"></script>
<script type="text/javascript">
  function delete_confirm(id) {
          const answer = confirm("Do you want to delete !");
          if (answer) {
              $("#" + id).submit();
          }
      }

      (function ($) {
          $("#sortable").sortable({
              placeholder: "ui-state-highlight"
          }).disableSelection();

      })(jQuery);

      $(document).on("click", ".new-tab", function () {
          if ($(this).prop("checked")) {
              $(this).val(1);
          } else {
              $(this).val(0);
          }
      });

</script>
@endsection