Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.34.1.lve.el8.x86_64

PHP Version:

8.1.34

User:

u823300664

Directory:

/home/u823300664/domains/allspikes.in/public_html/app.allspikes.in/resources/views/livewire

Free Space:

1.9 TB

🔧 Quick Actions

✏️ Editing: treeview.blade.php

@extends('layouts.app')

@section('styles')

@endsection

@section('content')

<div class="page-header">
                        <h1 class="page-title">Treeview</h1>
                        <div>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0)">Apps</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Treeview</li>
                    </ol>
                        </div>
                    </div>

<div class="row">
                        <div class="col-md-12">
                            <div class="card mg-b-20">
                                <div class="card-body">
                                    <div class="main-content-label mg-b-5">
                                        Basic Treeview
                                    </div>
                                    <p class="mg-b-20 card-sub-title fs-12 text-muted">It is Very Easy to Customize and it uses in website apllication.</p>
                                    <div class="row">
                                        
                                        <div class="col-lg-4">
                                            <ul id="treeview1">
                                                <li><a href="javascript:void(0)">TECH</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports</li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li>XRP
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports</li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>

<div class="col-lg-4 mt-4 mt-lg-0">
                                            <ul id="treeview2">
                                                <li><a href="javascript:void(0)">TECH</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports</li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li>XRP
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports</li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>

<div class="col-lg-4 mt-4 mt-lg-0">
                                            <ul id="treeview3">
                                                <li><a href="javascript:void(0)">TECH</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports</li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li>XRP
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports</li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-body">
                                    <div class="main-content-label mg-b-5">
                                        Tree View Styles
                                    </div>
                                    <p class="mg-b-20 card-sub-title fs-12 text-muted">It is Very Easy to Customize and it uses in website apllication.</p>
                                    <div class="row">
                                        
                                        <div class="col-lg-4">
                                            <ul id="tree1">
                                                <li><a href="javascript:void(0)">Treeview1</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview2</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview3</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview4</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview5</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview6</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>

<div class="col-lg-4 mt-4 mt-lg-0">
                                            <ul id="tree2">
                                                <li><a href="javascript:void(0)">Treeview1</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview2</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview3</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview4</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview5</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview6</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>

<div class="col-lg-4 mt-4 mt-lg-0">
                                            <ul id="tree3">
                                                <li><a href="javascript:void(0)">Treeview1</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview2</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview3</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview4</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview5</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Treeview6</a>
                                                    <ul>
                                                        <li>Company Maintenance</li>
                                                        <li>Employees
                                                            <ul>
                                                                <li>Reports
                                                                    <ul>
                                                                        <li>Report1</li>
                                                                        <li>Report2</li>
                                                                        <li>Report3</li>
                                                                    </ul>
                                                                </li>
                                                                <li>Employee Maint.
                                                                    <ul>
                                                                        <li>Reports
                                                                            <ul>
                                                                                <li>Report1</li>
                                                                                <li>Report2</li>
                                                                                <li>Report3</li>
                                                                            </ul>
                                                                        </li>
                                                                        <li>Employee Maint.
                                                                            <ul>
                                                                                <li>Reports
                                                                                    <ul>
                                                                                        <li>Report1</li>
                                                                                        <li>Report2</li>
                                                                                        <li>Report3</li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li>Employee Maint.</li>
                                                                            </ul>
                                                                        </li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li>Human Resources</li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="main-content-label mg-b-5">
                                        Animated Directory Styles
                                    </div>
                                    <p class="mg-b-20 card-sub-title fs-12 text-muted">It is Very Easy to Customize and it uses in website apllication.</p>
                                    <div class="row">
                                        
                                        <div class="col-lg-4 mt-4 mt-lg-0">
                                            <div class="dTree">
                                                <ul>
                                                    <li><a href="javascript:void(0)">Site</a></li>
                                                    <li><a href="javascript:void(0)">About the Web Site</a></li>
                                                    <li><a href="javascript:void(0)">Contact Us</a></li>
                                                    <li class="pb-0"><a href="javascript:void(0)">Cars</a>
                                                        <ul>
                                                            <li><a href="javascript:void(0)">Add New Brand</a></li>
                                                            <li><a href="javascript:void(0)">List All Brand</a></li>
                                                            <li><a href="javascript:void(0)">Mercedes - Benz</a>
                                                                <ul>
                                                                    <li><a href="javascript:void(0)">About the Mercedes - Benz</a></li>
                                                                    <li><a href="javascript:void(0)">History</a></li>
                                                                    <li><a href="javascript:void(0)">Series</a>
                                                                        <ul>
                                                                            <li><a href="javascript:void(0)">A Series</a>
                                                                                <ul>
                                                                                    <li><a href="javascript:void(0)">A 140</a></li>
                                                                                    <li><a href="javascript:void(0)">A 150</a></li>
                                                                                    <li><a href="javascript:void(0)">A 180 CDI</a></li>
                                                                                    <li><a href="javascript:void(0)">A 200 CDI</a></li>
                                                                                </ul>
                                                                            </li>
                                                                            <li><a href="javascript:void(0)">B Series</a>
                                                                                <ul>
                                                                                    <li><a href="javascript:void(0)">B 140</a></li>
                                                                                    <li><a href="javascript:void(0)">B 150</a></li>
                                                                                    <li><a href="javascript:void(0)">B 180 CDI</a></li>
                                                                                    <li><a href="javascript:void(0)">B Special Series</a>
                                                                                        <ul>
                                                                                            <li><a href="javascript:void(0)">B Extreme</a></li>
                                                                                            <li><a href="javascript:void(0)">B Jumper</a></li>
                                                                                            <li><a href="javascript:void(0)">B Raiden</a></li>
                                                                                            <li><a href="javascript:void(0)">B Subzero</a></li>
                                                                                        </ul>
                                                                                    </li>
                                                                                </ul>
                                                                            </li>
                                                                            <li><a href="javascript:void(0)">Concept Cars</a></li>
                                                                            <li><a href="javascript:void(0)">Best Prototypes</a></li>
                                                                            <li><a href="javascript:void(0)">List all other categories</a></li>
                                                                        </ul>
                                                                    </li>
                                                                    <li><a href="javascript:void(0)">Custom Series</a></li>
                                                                    <li><a href="javascript:void(0)">A+ Series for children</a></li>
                                                                    <li><a href="javascript:void(0)">B+ Series for women</a></li>
                                                                </ul>
                                                            </li>
                                                            <li><a href="javascript:void(0)">Chevrolet</a></li>
                                                            <li><a href="javascript:void(0)">Saab Custom models</a></li>
                                                            <li><a href="javascript:void(0)">Fiat</a>
                                                                <ul>
                                                                    <li><a href="javascript:void(0)">Kartal SLX</a></li>
                                                                    <li><a href="javascript:void(0)">Dogan 1.6 Turbo</a></li>
                                                                    <li><a href="javascript:void(0)">Sahin</a></li>
                                                                    <li><a href="javascript:void(0)">Dogan Gorunumlu Sahin</a>
                                                                        <ul>
                                                                            <li><a href="javascript:void(0)">1.3 Motor</a></li>
                                                                            <li><a href="javascript:void(0)">1.6 Motor</a></li>
                                                                            <li><a href="javascript:void(0)">1.8 Motor</a></li>
                                                                            <li><a href="javascript:void(0)">2.0 Motor</a></li>
                                                                        </ul>
                                                                    </li>
                                                                    <li><a href="javascript:void(0)">Serce</a></li>
                                                                    <li><a href="javascript:void(0)">Murat 131</a></li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="javascript:void(0)">Electronic Models</a></li>
                                                    <li><a href="javascript:void(0)">Real Estate</a></li>
                                                    <li><a href="javascript:void(0)">Bruce Lee</a></li>
                                                    <li><a href="javascript:void(0)">Graphics</a></li>
                                                    <li><a href="javascript:void(0)">Smart Phones</a>
                                                        <ul>
                                                            <li><a href="javascript:void(0)">Apple</a></li>
                                                            <li><a href="javascript:void(0)">Samsung</a></li>
                                                            <li><a href="javascript:void(0)">LG</a></li>
                                                            <li><a href="javascript:void(0)">Sony</a></li>
                                                            <li><a href="javascript:void(0)">HTC</a></li>
                                                            <li><a href="javascript:void(0)">Samsung</a></li>
                                                            <li><a href="javascript:void(0)">Samsung</a></li>
                                                            <li><a href="javascript:void(0)">Other Models</a>
                                                                <ul>
                                                                    <li><a href="javascript:void(0)">First other model</a></li>
                                                                    <li><a href="javascript:void(0)">Second other model</a></li>
                                                                </ul>
                                                            </li>
                                                            <li><a href="javascript:void(0)">Add New Model</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

@endsection

@section('scripts')

<script src="{{asset('assets/plugins/dtree/dtree.js')}}"></script>
    <script src="{{asset('assets/plugins/dtree/dtree1.js')}}"></script>

<script src="{{asset('assets/plugins/treeview/treeview.js')}}"></script>

@endsection

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: treeview.blade.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation