ok
Mini Shell
<?php include('header.php'); ?>
<div class="page-wrapper">
<div class="page-content">
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="breadcrumb-title">Orders</div>
<!--<div class="ps-3">
Ordered Shipment Details
</div>-->
<div class="ms-auto">
<div class="btn-group">
<a href="order-create.php" class="btn btn-sm btn-add"><i class="lni lni-circle-plus"></i> New Order</a>
<a href="order-bulk-upload.php" class="btn btn-sm btn-add"><i class="lni lni-upload"></i> Orders Bulk Upload</a>
<button type="button" class="btn btn-sm btn-add"><i class="lni lni-reload"></i> Sync Orders</button>
</div>
</div>
</div>
<div class=" card card-body">
<ul class="nav nav-tabs nav-warning" role="tablist" style="border: none;">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-bs-toggle="tab" onclick="custom_view('all_con','all_con')" href="#all" role="tab" aria-selected="false">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-microphone font-18 me-1'></i>
</div>
<div class="tab-title">All</div>
</div>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-bs-toggle="tab" onclick="custom_view('new-order','new_con')" href="#new" role="tab" aria-selected="true">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-home font-18 me-1'></i>
</div>
<div class="tab-title">New Order</div>
</div>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-bs-toggle="tab" onclick="custom_view('ready_to_ship_con','ready_to_ship_con')" href="#ready_to_ship" role="tab" aria-selected="false">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-user-pin font-18 me-1'></i>
</div>
<div class="tab-title">Ready to Ship</div>
</div>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-bs-toggle="tab" onclick="custom_view('pickups_con','pickups_con')" href="#pickups" role="tab" aria-selected="false">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-microphone font-18 me-1'></i>
</div>
<div class="tab-title">Pickups</div>
</div>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-bs-toggle="tab" onclick="custom_view('intransit_con','intransit_con')" href="#intransit" role="tab" aria-selected="false">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-microphone font-18 me-1'></i>
</div>
<div class="tab-title">In-Transit</div>
</div>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-bs-toggle="tab" onclick="custom_view('delivered_con','delivered_con')" href="#delivered" role="tab" aria-selected="false">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-microphone font-18 me-1'></i>
</div>
<div class="tab-title">Delivered</div>
</div>
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-bs-toggle="tab" onclick="custom_view('rto_con','rto_con')" href="#rto" role="tab" aria-selected="false">
<div class="d-flex align-items-center">
<div class="tab-icon"><i class='bx bx-microphone font-18 me-1'></i>
</div>
<div class="tab-title">RTO</div>
</div>
</a>
</li>
</ul>
<div class="tab-content py-3">
<!--new order start-->
<div class="tab-pane fade" id="new" role="tabpanel">
<div id="new_con">
</div>
</div>
<!--new order end-->
<!--ready_to_ship order start-->
<div class="tab-pane fade" id="ready_to_ship" role="tabpanel">
<div id="ready_to_ship_con"></div>
</div>
<!--ready_to_ship order end-->
<!--pickups order start-->
<div class="tab-pane fade" id="pickups" role="tabpanel">
<div id="pickups_con"></div>
</div>
<!--pickups order end-->
<!--intransit order start-->
<div class="tab-pane fade" id="intransit" role="tabpanel">
<div id="intransit_con"></div>
</div>
<!--intransit order end-->
<!--delivered order start-->
<div class="tab-pane fade" id="delivered" role="tabpanel">
<div id="delivered_con"></div>
</div>
<!--delivered order end-->
<!--rto order start-->
<div class="tab-pane fade" id="rto" role="tabpanel">
<div id="rto_con"></div>
</div>
<!--rto order end-->
<!--all order start-->
<div class="tab-pane fade show active" id="all" role="tabpanel">
<div id="all_con"></div>
</div>
<!--all order end-->
</div>
</div>
</div>
</div>
<style>
table{ width:100%;font-size:12px;
font-family: SFProDisplay-Medium;}
th{padding:10px;/*font-weight:bold;*/}
td{padding:7px;}
tr{margin:5px;}
thead,tr{
border: 0 solid transparent;
margin-bottom: 1.5rem;
border-radius:5px;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}.span-success{
background: #819558;
color: white;
padding: 3px 6px 3px 6px;
border-radius: 15px;
}
.nav-tabs .nav-link {
padding: 0px 25px;
margin: 0px 2px;
background: beige;
border-radius: 7px;
}
.nav-warning.nav-tabs .nav-link.active {
border: none;
}
</style>
<script>
function custom_view(file_name,id){
$('#loader').show();$('#new_con').empty();
$('#'+id).load("ui-pages/orders/"+file_name+".php");
$('#loader').hide();
}
$(document).ready(function(){
$('#loader').show();
$('#all_con').load("ui-pages/orders/all_con.php");
$('#loader').hide();
});
</script>
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0