File Manager

X7ROOT File Manager

Current Path: /home/hamdjcne/app.hamdalillahitravel.com/app/Views/order

home / hamdjcne / app.hamdalillahitravel.com / app / Views / order /

ðŸ“ ..
ðŸ“„ list.php(17.4 KB)
ðŸ“„ list_form.php(9.55 KB)

Editing: list.php

<?php
    use App\Models\Crud;
    $this->Crud = new Crud();
?>

<?=$this->extend('designs/backend');?>
<?=$this->section('title');?>
    <?=$title;?>
<?=$this->endSection();?>

<?=$this->section('content');?>

<div class="app-wrapper  d-flex " style="margin-left: 1px; ">
    
    <div class="app-container  container-fluid ">
        
        <div class="app-main flex-column flex-row-fluid " id="kt_app_main">
            
            <div class="d-flex flex-column flex-column-fluid">

<div id="kt_app_toolbar" class="app-toolbar ">

<div class="d-flex flex-stack flex-row-fluid">
                        
                        <div class="d-flex flex-column flex-row-fluid">

<ul class="breadcrumb breadcrumb-separatorless fw-semibold mb-3">

<li class="breadcrumb-item text-gray-600 fw-bold lh-1">
                                    <a href="<?=site_url(); ?>" class="text-white text-hover-success">
                                        <i class="ki-duotone ki-home text-gray-500 fs-2"></i> </a>
                                </li>

<li class="breadcrumb-item">
                                    <i class="ki-duotone ki-right fs-3 text-gray-500 mx-n1"></i>
                                </li>

<li class="breadcrumb-item text-gray-600 fw-bold lh-1">
                                    Transaction </li>
                            </ul>
                            <div class="page-title d-flex align-items-center me-3">
                                
                                <h1
                                    class="page-heading d-flex text-gray-900 fw-bolder fs-1 flex-column justify-content-center my-0">
                                    Transaction List
                                </h1>
                                
                            </div>
                            
                        </div>

</div>
                    
                </div>

<div id="kt_app_content" class="app-content ">
                    <div class="row justify-content-end text-right">
                        <div class="col-sm-12 d-flex justify-content-end ">
                            
                            <div class="d-flex flex-column mb-8 fv-row">
                                
                                <div class="d-flex flex-stack gap-5 mb-3">
                                    <button type="button" class="btn btn-light-success w-100 active" data-kt-docs-advanced-forms="interactive" data-type="pickup">Pickup</button>
                                    <button type="button" class="btn btn-light-success w-100" data-kt-docs-advanced-forms="interactive" data-type="express">Express</button>
                                    <button type="button" class="btn btn-light-success w-100" data-kt-docs-advanced-forms="interactive" data-type="subscription">Subscription</button>
                                </div>

</div>

</div>
                    </div>
                    
                    
                    <div class="card">

<div class="card-header border-0 pt-6">
                            
                            <div class="card-title">
                                
                                <div class="d-flex align-items-center position-relative my-1">
                                    <i class="ki-duotone ki-magnifier fs-3 position-absolute ms-5"><span
                                            class="path1"></span><span class="path2"></span></i> <input type="text"
                                        data-kt-customer-table-filter="search" id="search" 
                                        class="form-control form-control-solid w-250px ps-12"
                                        placeholder="Search Transaction" />
                                </div>
                                
                            </div>

<div class="card-toolbar">
                                
                                <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base">
                                    
                                    <button type="button" class="btn btn-light-success me-3"
                                        data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
                                        <i class="ki-duotone ki-filter fs-2"><span class="path1"></span><span
                                                class="path2"></span></i> Filter
                                    </button>
                                    
                                    <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true"
                                        id="kt-toolbar-filter">
                                        
                                        <div class="px-7 py-5">
                                            <div class="fs-4 text-gray-900 fw-bold">Filter Options</div>
                                        </div>

<div class="separator border-gray-200"></div>

<div class="px-7 py-5">
                                            
                                            <div class="mb-10">
                                               
                                                <label class="form-label fs-5 fw-semibold mb-3">Status:</label>
                                                
                                                <select class="form-select" id="status" data-control="select2" data-placeholder="Select a Status"  >
                                                    <option value="all">All Status</option>
                                                    <option value="pending">Pending</option>
                                                    <option value="processing">Processing</option>
                                                    <option value="completed">Completed</option>
                                                </select>
                                            </div>

<div class="mb-10">
                                               
                                                <label class="form-label fs-5 fw-semibold mb-3">Fuel Type:</label>
                                                
                                                <select class="form-select" id="fuel_type" data-control="select2" data-placeholder="Select a Fuel Type" >
                                                    <option value="all">All Type</option>
                                                    <option value="petrol">Petrol</option>
                                                    <option value="gas">Gas</option>
                                                </select>
                                            </div>

<div class="mb-10">
                                                
                                                <label class="form-label fs-5 fw-semibold mb-3">Date Range:</label>
                                                <input class="form-control form-control-solid kt_daterangepicker_4" placeholder="Pick date rage" id="datez" />

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

</div>

</div>
                            
                        </div>

<div class="card-body pt-0 table-responsive">
                           
                            
                            <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_customers_table">
                                <thead>
                                    <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                        <th class="min-w-125px">Date</th>
                                        <th class="min-w-125px">Type</th>
                                        <th class="min-w-125px">Customer</th>
                                        <th class="min-w-125px">Merchant</th>
                                        <?php
                                            if($role != 'customer' && $role != 'corporate' && $role != 'driver' && $role != 'staff'){
                                                echo '<th class="min-w-125px">Area</th>';        
                                            }
                                        ?>
                                        <th class="min-w-125px">Voucher</th>
                                        <th class="min-w-125px">Quantity</th>
                                    </tr>
                                </thead>
                                <tbody class="fw-semibold text-gray-600" id="load_data" >
                                   
                                </tbody>
                                <tfoot id="loadmore" ></tfoot>
                            </table>
                            
                        </div>
                        
                    </div>
                </div>

</div>
            
            <div id="kt_app_footer" class="app-footer  d-flex flex-column flex-md-row align-items-center flex-center flex-md-stack ">
                <div class="text-gray-900 order-2 order-md-1">
                    <span class="text-gray-500 fw-semibold me-1"><?=date('Y'); ?>&copy;</span>
                    <a href="javascript:;" target="_blank"
                        class="text-gray-500 text-hover-success"><?=app_name; ?></a>
                </div>
            </div>
            
        </div>
    </div>
    
</div>

$(document).ready(function () {
        // Get initially active button's data-type on page load
        let initialType = $(".btn.active[data-kt-docs-advanced-forms='interactive']").data("type") || 'pickup'; // Default to 'pickup' if none is active
        load_order('', '', initialType);

// Button click event to update active class and reload order
        $(".btn[data-kt-docs-advanced-forms='interactive']").on("click", function () {
            $(".btn[data-kt-docs-advanced-forms='interactive']").removeClass("active"); // Remove active class from all
            $(this).addClass("active"); // Add active class to clicked button

let selectedType = $(this).data("type"); // Get selected data-type
            load_order('', '', selectedType);
        });

// Function to handle filters and reload data
        function updateOrders() {
            let selectedDateRange = $("#datez").val(); // Get selected date range
            let activeType = $(".btn.active[data-kt-docs-advanced-forms='interactive']").data("type") || initialType; // Get currently active type
            let searchQuery = $("#search").val().trim(); // Get search input value
            let status = $("#status").val(); // Get selected status
            let fuelType = $("#fuel_type").val(); // Get selected fuel type

// Call the function with updated parameters
            load_order(searchQuery, status, fuelType);
        }

// Attach event listeners
        $("#datez").on("change", updateOrders); // Date change event
        $("#search").on("input", updateOrders); // Search input event
        $("#status").on("change", updateOrders); // Status dropdown change event
        $("#fuel_type").on("change", updateOrders); // Fuel type dropdown change event

// Load Order Function
        function load_order(x, y, order_type) {
            var more = 'no';
            var methods = '';
            if (parseInt(x) > 0 && parseInt(y) > 0) {
                more = 'yes';
                methods = '/' + x + '/' + y;
            }

if (more === 'no') {
                $('#load_data').html('<tr><td colspan="8"><div class="col-sm-12 fs-2 text-center" data-kt-indicator="on"><span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span></div></td></tr>');
                $('#total_id').html('<div class="col-sm-12 text-center"><span class="ni ni-loader fa-spin"></span></div>');
            } else {
                $('#loadmore').html('<tr><td colspan="8"><div class="col-sm-12 fs-2 text-center" data-kt-indicator="on"><span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span></div></td></tr>');
            }

var order_type = $(".btn.active[data-kt-docs-advanced-forms='interactive']").data("type") || 'pickup'; // Default to 'pickup' if none is active

var search = $('#search').val() || '';
            var status = $('#status').val() || '';
            var fuel_type = $('#fuel_type').val() || '';
            const dateRange = $('#datez').val();

let start_date = '';
            let end_date = '';

if (dateRange) {
                const dates = dateRange.split(' - '); // Split by " - "
                if (dates.length === 2) {
                    start_date = formatToYYYYMMDD(dates[0].trim());
                    end_date = formatToYYYYMMDD(dates[1].trim());
                }
            }

$.ajax({
                url: site_url + 'order/list/load' + methods,
                type: 'POST',
                data: { 
                    type: order_type, 
                    search: search, 
                    status: status, 
                    fuel_type: fuel_type, 
                    start_date: start_date, 
                    end_date: end_date 
                },
                success: function (data) {
                    var dt = JSON.parse(data);
                    if (more === 'no') {
                        $('#load_data').html(dt.item);
                    } else {
                        $('#load_data').append(dt.item);
                    }

if (dt.offset > 0) {
                        $('#loadmore').html('<tr><td colspan="8"><a href="javascript:;" class="btn btn-dim btn-light btn-block p-30" onclick="load_order(' + dt.limit + ', ' + dt.offset + ', \'' + order_type + '\');"><i class="ki-duotone ki-arrows-loop"><span class="path1"></span><span class="path2"></span></i> Load More</a></td></tr>');
                    } else {
                        $('#loadmore').html('');
                    }
                },
                complete: function () {
                    $.getScript(site_url + '/assets/js/jsmodal.js');
                }
            });
        }

// Format Date to YYYY-MM-DD
        function formatToYYYYMMDD(dateString) {
            const date = new Date(dateString);
            if (isNaN(date.getTime())) return ''; // Return empty string if invalid date
            const year = date.getFullYear();
            const month = String(date.getMonth() + 1).padStart(2, '0'); // Month is zero-based
            const day = String(date.getDate()).padStart(2, '0');
            return `${year}-${month}-${day}`;
        }
    });

</script>
<?=$this->endSection();?>

X7ROOT File Manager

Editing: list.php

Upload File

Create Folder