    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php
include(&quot;db/cn.php&quot;);
ob_start();
if(isset($_SESSION[&#039;user_name&#039;]) &amp;&amp; isset($_SESSION[&#039;user_role&#039;]) &amp;&amp; isset($_SESSION[&#039;outlet_name&#039;]) &amp;&amp; isset($_SESSION[&#039;outlet_address&#039;])) {
    $userName = $_SESSION[&#039;user_name&#039;];
    $userRole = $_SESSION[&#039;user_role&#039;];
    $outlet_address = $_SESSION[&#039;outlet_address&#039;];
    $outlet_name = $_SESSION[&#039;outlet_name&#039;];
}
ob_end_flush();
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Sale Report&lt;/title&gt;
    &lt;!-- Bootstrap CSS --&gt;
    &lt;link href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;css/custom_css.css&quot; /&gt;
&lt;/head&gt;
&lt;style&gt;
 #table-container-wrapper {
    max-height: 460px; /* Adjust the maximum height as needed */
    overflow-y: auto; /* Enable vertical scroll when content overflows */
}


@media (max-width: 880px) {
    .col-4 {
        width: 33.33% !important;
    }
    .fa-wifi {
        display: none !important;
    }
    .col-6 {
        width: 50% !important;
    }
}

@media (min-width: 880px) {
    .sidebar {
        width: 100%;
        /* Change sidebar width to 100% on mobile */
        max-width: 120px; /* Set maximum width for the sidebar */
    }
}

@media (min-width: 880px) {
    .main-content {
        margin-left: ; /* Width of the sidebar */
    }
}

/* Added new class to control overlay */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none; /* Initially hidden */
}
    /* Custom styles for sidebar */
    .sidebar {
        width: 100px;
       background: linear-gradient(360deg, #060606, #3C2F23);
        position: fixed;
        bottom: 0;
        top: 60px;
        transition: transform 0.3s ease-in-out;
        transform: translateX(0);
        z-index: 1;
        height: 100%;
        border-radius: 0px;
		   transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    }

    .sidebar.hide {
        transform: translateX(-100px);
        /* Move sidebar out of the viewport when it is hidden */
    }

    .sidebar .nav-item {
        padding: 10px 0;
        text-align: center;
        position: relative;
        font-size: 12px;
    }

    .sidebar .nav-link {
        color: #fff;
        position: relative;
        /* Ensure icon and text are positioned relative to the nav link */
        z-index: 2;
        /* Ensure the text and icon are above the hover background */
    }

    .sidebar .nav-link i {
        margin-bottom: 5px;
        /* Adjust the margin of the icon */
    }

    /* Custom styles for hover effect */
    .sidebar .nav-item:hover:after {
        background-color: #fff;
        content: &#039;&#039;;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        /* Ensure the hover background is below the text and icon */
    }

    .sidebar .nav-item:hover .nav-link {
        color: #503F2E;
    }

    /* Custom styles for divider */
    .sidebar .nav-item:after {
        content: &quot;&quot;;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transition: height 0.3s ease-in-out;
        /* Transition effect for smooth animation */
    }

    /* Custom styles for header */
    .header {
        background: linear-gradient(90deg, #3C2F23, #060606);
        color: #fff;
        padding: 10px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
        height: 69px;
        box-shadow: #FFF 2px 0px 0px 0px;
        /* Ensure header appears above sidebar */
    }

    .header .navbar-toggler {
        color: #fff;
    }

    .header .navbar-toggler-icon {
        color: #fff;
        /* Set the color of the toggle button to white */
    }

    .header .navbar-toggler.white {
        color: #fff !important;
        /* Ensure the toggle button is white */
    }

    .header .navbar-brand {
        color: #fff;
        /* Set navbar brand text color to white */
    }

    .header .nav-item .nav-link {
        color: #fff;
        /* Set nav link text color to white */
    }

.main-content {
    margin-top: 50px; /* Height of fixed header */
    margin-left: 70px; /* Initially, set margin-left to 0 */
    padding-top: 30px; /* Height of fixed header */
    transition: margin-left 0.3s ease-in-out; /* Add transition for smoother animation */
}


    /* Custom styles for search bar */
    .search-container {
        display: flex;
        align-items: center;
       width:100%;
        margin: 2px auto;


        float:left;
	}

/* Updated hide class to apply to the overlay */
.sidebar.hide, .overlay.hide {
    transform: translateX(-100%);
}

    .search-input {
        width: 100%;
        padding: 10px 30px 10px 10px;
        /* Adjust padding to accommodate the icon */
        border: 1px solid #ccc;
        border-radius: 20px;
        font-size: 16px;
    }

    .search-icon {
        position: relative;
        left: -25px;
        /* Adjust the position of the icon */
        color: #aaa;
    }

    .search-icon i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .btn-dark {
        background: #503F2E;
        color: #fff;
        border: 1px solid #503F2E;
    }

    .btn-dark:hover {
        background: #fff;
        color: #503F2E;
        border: 1px solid #503F2E;
    }

    .bg-dark2 {
        background: #503F2E;
        color: #fff;
    }

    .modal-content {
        animation: modal-animation 0.5s;
    }

    @keyframes modal-animation {
        from {
            opacity: 0;
            transform: scale(0.8);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }	
&lt;/style&gt;

&lt;/style&gt;

&lt;body&gt;

    &lt;?php include(&quot;common/hd.php&quot;);?&gt;
    &lt;!-- Sidebar --&gt;
    &lt;?php include(&quot;common/sd.php&quot;); ?&gt;
   &lt;?php
    ob_start();

    // Fetch distinct customer names
    $rec_customer_names = mysqli_query($connection, &quot;SELECT DISTINCT customer_name FROM log_user_sales&quot;);

    // Fetch other filter options
    $rec_suplier_name = mysqli_query($connection, &quot;SELECT DISTINCT supplier FROM products&quot;);
    $rec_suplier_company = mysqli_query($connection, &quot;SELECT DISTINCT company FROM products&quot;);
    $rec_suplier_company_category = mysqli_query($connection, &quot;SELECT DISTINCT category FROM products&quot;);
    $rec_products = mysqli_query($connection, &quot;SELECT DISTINCT product_name FROM products&quot;);

    // Fetch filter parameters from the form
    $supplier = isset($_POST[&#039;supplier&#039;]) ? $_POST[&#039;supplier&#039;] : &#039;&#039;;
    $company = isset($_POST[&#039;company&#039;]) ? $_POST[&#039;company&#039;] : &#039;&#039;;
    $product = isset($_POST[&#039;product&#039;]) ? $_POST[&#039;product&#039;] : &#039;&#039;;
    $company_category = isset($_POST[&#039;company_category&#039;]) ? $_POST[&#039;company_category&#039;] : &#039;&#039;;
    $customer_name = isset($_POST[&#039;customer_name&#039;]) ? $_POST[&#039;customer_name&#039;] : &#039;&#039;;
    $startDate = isset($_POST[&#039;startDate&#039;]) ? $_POST[&#039;startDate&#039;] : &#039;&#039;;
    $endDate = isset($_POST[&#039;endDate&#039;]) ? $_POST[&#039;endDate&#039;] : &#039;&#039;;

    // Base SQL query
    $sql = &quot;SELECT 
                SUM(product_quantity) AS total_quantity, 
                SUM(net_amount) AS total_amount  
            FROM 
                log_user_sales 
            WHERE 1=1 &quot;;

    // Add filters based on selected options
    if (!empty($supplier)) {
        $sql .= &quot; AND supplier_name = &#039;$supplier&#039;&quot;;
    }
    if (!empty($company_category)) {
        $sql .= &quot; AND company = &#039;$company_category&#039;&quot;;
    }
    if (!empty($product)) {
        $sql .= &quot; AND product_name = &#039;$product&#039;&quot;;
    }
    if (!empty($customer_name)) {
        $sql .= &quot; AND customer_name = &#039;$customer_name&#039;&quot;;
    }
    if (!empty($startDate) &amp;&amp; !empty($endDate)) {
        $sql .= &quot; AND date_time BETWEEN &#039;$startDate&#039; AND &#039;$endDate&#039;&quot;;
    }

    // Execute the query
    $sum_result = mysqli_query($connection, $sql);
    $row = mysqli_fetch_assoc($sum_result);

    // Checking if the keys exist before accessing them
    $total_quantity = isset($row[&#039;total_quantity&#039;]) ? $row[&#039;total_quantity&#039;] : 0;
    $total_amount = isset($row[&#039;total_amount&#039;]) ? $row[&#039;total_amount&#039;] : 0;

    $final = $total_quantity != 0 ? $total_amount / $total_quantity : &quot;Undefined&quot;;

    // Execute the main query
    $sql = &quot;SELECT * FROM log_user_sales WHERE 1=1 &quot;;
    if (!empty($supplier)) {
        $sql .= &quot; AND supplier_name = &#039;$supplier&#039;&quot;;
    }
    if (!empty($company_category)) {
        $sql .= &quot; AND company = &#039;$company_category&#039;&quot;;
    }
    if (!empty($product)) {
        $sql .= &quot; AND product_name = &#039;$product&#039;&quot;;
    }
    if (!empty($customer_name)) {
        $sql .= &quot; AND customer_name = &#039;$customer_name&#039;&quot;;
    }
    if (!empty($startDate) &amp;&amp; !empty($endDate)) {
        $sql .= &quot; AND date_time BETWEEN &#039;$startDate&#039; AND &#039;$endDate&#039;&quot;;
    }

    $rec_purchases = mysqli_query($connection, $sql);
    ?&gt;


&lt;div class=&quot;main-content&quot;&gt;
    
&lt;div class=&quot;container mt-5&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-sm-3&quot;&gt;
               &lt;h3 style=&quot;width:305px; height:66px; text-align:center; background:#503F2E; color:#fff; padding:12px; border-radius:10px;&quot;&gt;Sales Report&lt;/h3&gt;  
        &lt;/div&gt;
        &lt;div class=&quot;col-sm-6&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;col-sm-3&quot;&gt;
             &lt;a href=&quot;report_p.php&quot; class=&quot;btn btn-dark&quot; style=&quot;margin-top:10px;float:right;&quot;&gt;Back&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;br&gt;
       

    &lt;form method=&quot;post&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;!-- Customer Name Filter --&gt;
                &lt;div class=&quot;col-md-3&quot;&gt;
                    &lt;div class=&quot;form-group&quot;&gt;
                        &lt;label for=&quot;customer_name&quot;&gt;Customer Name:&lt;/label&gt;
                        &lt;select class=&quot;form-control&quot; name=&quot;customer_name&quot;&gt;
                            &lt;option value=&quot;&quot;&gt;Select Customer&lt;/option&gt;
                            &lt;?php while ($row_customer = mysqli_fetch_array($rec_customer_names)) { ?&gt;
                                &lt;option value=&quot;&lt;?php echo $row_customer[&#039;customer_name&#039;]; ?&gt;&quot; 
                                &lt;?php echo ($row_customer[&#039;customer_name&#039;] == $customer_name) ? &#039;selected&#039; : &#039;&#039;; ?&gt;&gt;
                                    &lt;?php echo $row_customer[&#039;customer_name&#039;]; ?&gt;
                                &lt;/option&gt;
                            &lt;?php } ?&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label for=&quot;supplier&quot;&gt;Supplier Name:&lt;/label&gt;
                    &lt;select class=&quot;form-control&quot; name=&quot;supplier&quot;&gt;
                        &lt;option value=&quot;&quot;&gt;Select Supplier&lt;/option&gt;
                        &lt;?php while($row_supplier_name = mysqli_fetch_array($rec_suplier_name)){ ?&gt;
                            &lt;option value=&quot;&lt;?php echo $row_supplier_name[&#039;supplier&#039;];?&gt;&quot;&gt;&lt;?php echo $row_supplier_name[&#039;supplier&#039;];?&gt;&lt;/option&gt;
                        &lt;?php } ?&gt;
                    &lt;/select&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label for=&quot;company&quot;&gt;Supplier Company:&lt;/label&gt;
                    &lt;select class=&quot;form-control&quot; name=&quot;company&quot;&gt;
                        &lt;option value=&quot;&quot;&gt;Select Company&lt;/option&gt;
                        &lt;?php while($row_supplier_company = mysqli_fetch_array($rec_suplier_company)){ ?&gt;
                            &lt;option value=&quot;&lt;?php echo $row_supplier_company[&#039;company&#039;];?&gt;&quot;&gt;&lt;?php echo $row_supplier_company[&#039;company&#039;];?&gt;&lt;/option&gt;
                        &lt;?php } ?&gt;
                    &lt;/select&gt;
                &lt;/div&gt;
            &lt;/div&gt;
           
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label for=&quot;product&quot;&gt;Category&lt;/label&gt;
                    &lt;select class=&quot;form-control&quot; name=&quot;company_category&quot;&gt;
                        &lt;option value=&quot;&quot;&gt;Select Category&lt;/option&gt;
                        &lt;?php while($row_supplier_category = mysqli_fetch_array($rec_suplier_company_category)){ ?&gt;
                            &lt;option value=&quot;&lt;?php echo $row_supplier_category[&#039;category&#039;];?&gt;&quot;&gt;&lt;?php echo $row_supplier_category[&#039;category&#039;];?&gt;&lt;/option&gt;
                        &lt;?php } ?&gt;
                    &lt;/select&gt;
                &lt;/div&gt;
            &lt;/div&gt;
             
        &lt;/div&gt;
                
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label for=&quot;product&quot;&gt;Product Name:&lt;/label&gt;
                    &lt;select class=&quot;form-control&quot; name=&quot;product&quot;&gt;
                        &lt;option value=&quot;&quot;&gt;Select Product&lt;/option&gt;
                        &lt;?php while($row_products = mysqli_fetch_array($rec_products)){ ?&gt;
                            &lt;option value=&quot;&lt;?php echo $row_products[&#039;product_name&#039;];?&gt;&quot;&gt;&lt;?php echo $row_products[&#039;product_name&#039;];?&gt;&lt;/option&gt;
                        &lt;?php } ?&gt;
                    &lt;/select&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label for=&quot;startDate&quot;&gt;Start Date:&lt;/label&gt;
                    &lt;input type=&quot;date&quot; class=&quot;form-control&quot; name=&quot;startDate&quot;&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    &lt;label for=&quot;endDate&quot;&gt;End Date:&lt;/label&gt;
                    &lt;input type=&quot;date&quot; class=&quot;form-control&quot; name=&quot;endDate&quot;&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-3&quot;&gt;
                &lt;div class=&quot;form-group&quot;&gt;
                    
                    &lt;button type=&quot;submit&quot; class=&quot;btn btn-dark &quot; style=&quot;margin-top:30px;&quot; name=&quot;filter&quot;&gt;Filter&lt;/button&gt;
                    &lt;button id=&quot;downloadExcel&quot; class=&quot;btn btn-dark &quot; style=&quot;margin-top:30px;&quot;&gt;Download &lt;/button&gt;
                    &lt;a href=&quot;report_s.php&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot; style=&quot;margin-top:30px;&quot;&gt;&lt;i class=&quot;fas fa-sync-alt fa-1x&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/a&gt;

                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;col-sm-12 &quot; id=&quot;table-container-wrapper&quot;&gt;
            &lt;table id=&quot;patientTable&quot;  class=&quot;table table-stripped table-hover text-center table-sm&quot;&gt;
                &lt;thead&gt;
                    &lt;tr class=&quot;bg-dark text-white&quot;&gt;
                        &lt;th&gt;Date&lt;/th&gt;
                        &lt;th&gt;Supplier&lt;/th&gt;
                        &lt;th&gt;Company&lt;/th&gt;                 
                        &lt;th&gt;Product Name&lt;/th&gt;
                        &lt;th&gt;Total Quantity &lt;/th&gt;
                        &lt;th&gt;Total Amount(Rs)&lt;/th&gt;
                        &lt;th&gt;Sale Price.(Rs)&lt;/th&gt;
                    &lt;/tr&gt;
                &lt;/thead&gt;
                    
                &lt;tbody&gt;
                    &lt;?php
					ob_start();
					 while($row = mysqli_fetch_array($rec_purchases)) { ?&gt;
                        &lt;tr&gt;
                            &lt;td&gt;&lt;?php echo $row[&#039;date_time&#039;]; ?&gt;&lt;/td&gt;
                            &lt;td class=&quot;text-capitalize&quot;&gt;&lt;?php echo $row[&#039;supplier_name&#039;]; ?&gt;&lt;/td&gt;
                            
                            
                            &lt;td class=&quot;text-capitalize&quot;&gt;&lt;?php echo $row[&#039;company&#039;]; ?&gt;&lt;/td&gt;
                            &lt;td class=&quot;text-capitalize&quot;&gt;&lt;?php echo $row[&#039;product_name&#039;]; ?&gt;&lt;/td&gt;
                            &lt;td&gt;&lt;?php echo $row[&#039;product_quantity&#039;];?&gt;&lt;/td&gt;
                            &lt;td&gt;&lt;?php echo $row[&#039;net_amount&#039;]; ?&gt;&lt;/td&gt;
                                
                            &lt;td&gt;&lt;?php
                                $total_quantity2 = (int)$row[&quot;product_quantity&quot;];
                                $total_amount2 = (int)$row[&quot;product_price&quot;];
                                if ($total_quantity2 != 0) {
                                    $in_tr = $total_amount2 / $total_quantity2;
                                } else {
                                    $in_tr = &quot;Undefined&quot;;
                                }
                                echo $in_tr;
                            ?&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                    &lt;?php } 
					ob_end_flush();
					?&gt;
                &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-sm-12&quot;&gt;
                &lt;table class=&quot;table&quot;&gt;
                    &lt;tfoot&gt;
                        &lt;tr&gt;
                            &lt;th&gt;Total Quantity :&lt;/th&gt;
                            &lt;td&gt;&lt;?php echo $total_quantity; ?&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr&gt;
                            &lt;th&gt;Total Amount:&lt;/th&gt;
                            &lt;td&gt;Rs &lt;?php
// Assuming you have a valid connection to the database in $connection
$query = mysqli_query($connection, &quot;SELECT net_amount  FROM log_user_sales &quot;);

// Initialize total sum variable
$total_sum = 0;

// Fetch rows from the query result set
while ($row = mysqli_fetch_assoc($query)) {
    // Multiply quantity by trade_price and add to total sum
    $total_sum += $row[&#039;net_amount&#039;] ;

    // Echo the result for each row if needed
    echo &#039;&#039;;
}

// Output the final total sum
echo &#039; &#039; . $total_sum;
?&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                        
                    &lt;/tfoot&gt;
                &lt;/table&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js&quot;&gt;&lt;/script&gt;

&lt;!-- JavaScript for exporting the table data to Excel --&gt;
&lt;script&gt;
    document.getElementById(&#039;downloadExcel&#039;).addEventListener(&#039;click&#039;, function() {
        // Get the table element
        var table = document.getElementById(&#039;patientTable&#039;);

        // Clean the table to avoid potential issues with hidden rows or formatting
        var clone = table.cloneNode(true); // Clone the table
        var rows = clone.querySelectorAll(&#039;tr&#039;);

        // Remove hidden or empty rows if necessary
        rows.forEach(function(row) {
            if (row.style.display === &#039;none&#039; || row.innerText.trim() === &#039;&#039;) {
                row.remove();
            }
        });

        // Convert the table into a worksheet using SheetJS
        var workbook = XLSX.utils.table_to_book(clone, { sheet: &quot;Patients&quot; });

        // Export the Excel file with a proper name
        try {
            XLSX.writeFile(workbook, &#039;Sales_data.xlsx&#039;);
        } catch (error) {
            console.error(&quot;Error while writing the file: &quot;, error);
            alert(&quot;Error generating Excel file. Please check if the SheetJS library is properly loaded.&quot;);
        }
    });
&lt;/script&gt;
&lt;/html&gt;
</code></pre>        </div>
    </div>