<style>
     tr.strikethrough > td {text-decoration:line-through !important; color:red;} 
      /* enable absolute positioning */
    .inner-addon { 
        position: relative; 
    }

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

    /* align icon */
    .left-addon .glyphicon  { left:  0px;}
    .right-addon .glyphicon { right: 0px;}

    /* add padding  */
    .left-addon input  { padding-left:  30px; }
    .right-addon input { padding-right: 30px; }

    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('http://localhost/projects/salon-git/salons/assets/images/page-loader-1.gif') 50% 50% no-repeat ;
        display: none;
</style>
<div class="wrapper">
    <div class="container">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">

                </div>
                <h4 class="page-title">Service/Product Sale:</h4>
            </div>
        </div>

        
        
        
         <div class="row">
            <div class="col-sm-12"> 
                <div class="card-box">
                    <form method="POST" action="<?php echo base_url(); ?>franchise_controller/product_wise_sale">
                        <div class="row">
                            <div class="col-md-2">
                                <label class="form-label">Start Date</label>
                            </div>
                            <div class="col-md-3">
                                <input class="form-control date" name="startdate" id="startdate" value="<?php if(isset($startdate)){echo $startdate;} ?>">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">End Date</label>
                            </div>
                            <div class="col-md-3">
                                <input class="form-control date" name="enddate" id="enddate" value="<?php if(isset($startdate)){echo $startdate;} ?>">
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-sm btn-pink">Run</button>
                            </div>
                        </div>
                    </form>    
                </div>
            </div>
             
            <div class="col-sm-12">
                <div class="card-box table-responsive">
                    <h4 class="header-title m-t-0 m-b-30">Orders</h4>
                    <table id="tblfranchiseorders" class="table table-striped table-bordered dt-responsive nowrap">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Customer</th>
                                <th>Item</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach($orders as $order){?>
                            <tr>
                                <td><?php echo $order['id_franchise_orders'];?></td>
                                <td><?php echo $order['franchise_name'];?></td>
                                <td><?php echo $order['product_name'];?></td>
                            </tr>
                            <?php } ?>
                        </tbody>
                    </table>
                </div>
            </div>
         </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $("#startdate").datepicker({autoclose:true, format:'yyyy-mm-dd'});
        $("#enddate").datepicker({autoclose:true, format:'yyyy-mm-dd'});
    });

</script>