000

@extends('admin.layouts.app')

@section('title','Dashboard')

@section('style')

{{-- <link rel="icon" href="https://crm-admin-dashboard-template.multipurposethemes.com/images/favicon.ico"> --}}

{{-- <link rel="stylesheet" href="../src/css/vendors_css.css"> --}}

@endsection

@section('content')

<form action="{{URL('/page')}}" role="form" id="editModuleForm">

<div class="content-wrapper">

<div class="container-full">

<div class="content-header">

<div class="d-flex align-items-center">

<div class="me-auto">

<h4 class="page-title">Nestable</h4>

</div>

</div>

</div>

<div class="page_header1">

<div class="row">

<div class="col-sm-4">

<div class="box">

<div class="box-header with-border">

<h4 class="box-title">Nestable 1</h4>

</div>

<div class="box-body">

<div class="myadmin-dd dd" id="nestable">

<ol class="dd-list">

<li class="dd-item" data-id="1">

<div class="dd-handle"> Item 1 </div>

</li>

<li class="dd-item" data-id="2">

<div class="dd-handle"> Item 2 </div>

<ol class="dd-list">

<li class="dd-item" data-id="3">

<div class="dd-handle"> Item 3 </div>

</li>

<li class="dd-item" data-id="4">

<div class="dd-handle"> Item 4 </div>

</li>

</ol>

</li>

</ol>

</div>

</div>

</div>

</div>

<div class="col-sm-4">

<div class="box">

<div class="box-header with-border">

<h4 class="box-title">Nestable 2</h4>

</div>

<div class="box-body">

<div class="myadmin-dd dd" id="nestable2">

<ol class="dd-list">

<li class="dd-item" data-id="1">

<div class="dd-handle"> Item 1 </div>

</li>

<li class="dd-item" data-id="2">

<div class="dd-handle"> Item 2 </div>

<ol class="dd-list">

<li class="dd-item" data-id="3">

<div class="dd-handle"> Item 3 </div>

</li>

<li class="dd-item" data-id="4">

<div class="dd-handle"> Item 4 </div>

</li>

</ol>

</li>

</ol>

</div>

</div>

</div>

</div>

<div class="col-sm-4">

<div class="box">

<div class="box-header with-border">

<h4 class="box-title">Nestable 3</h4>

</div>

<div class="box-body">

<div class="myadmin-dd dd" id="nestable-menu">

<ol class="dd-list">

<li class="dd-item" data-id="1">

<div class="dd-handle"> Item 1 </div>

</li>

<li class="dd-item" data-id="2">

<div class="dd-handle"> Item 2 </div>

<ol class="dd-list">

<li class="dd-item" data-id="3">

<div class="dd-handle"> Item 3 </div>

</li>

<li class="dd-item" data-id="4">

<div class="dd-handle"> Item 4 </div>

</li>

</ol>

</li>

</ol>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</form>

@endsection

@section('script')

<script src="../src/js/vendors.min.js"></script>

<script src="../src/js/pages/chat-popup.js"></script>

<script src="../../../assets/icons/feather-icons/feather.min.js"></script>	<script src="../../../assets/vendor_components/nestable/jquery.nestable.js"></script>

{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>  --}}

<script src="../src/js/template.js"></script>

<script src="../src/js/pages/nestable.js"></script>

@endsection