EVOLUTION-NINJA
Edit File: client_bidding_due.php
<!DOCTYPE html> <html> <head> <title>Client Bidding Due</title> <style type="text/css"> /* Add your CSS styles here */ </style> </head> <body> <?php $this->load->view('includes/client_header'); ?> <div class="row justify-content-center mt-4"> <div class="col-lg-12 bidd"> <div class="card"> <!-- Wrap the table in a card --> <div class="card-body"> <!-- <button type="button" style="float:right;margin-right: 1%;" onclick="doit()" class="btn btn-primary btn-sm">Export</button> --> <h2>Bidding Due </h2> <hr/> <div class="table-responsive"> <table id="biddingTable" class="table prio_table dataTable no-footer" style="width:95%;margin-left:20px;"> <thead> <tr> <th>SL No</th> <th>Event Name</th> <th>Company Name</th> <th>Phone Number</th> <th>Email</th> <th>Bidding Date</th> <th>Time</th> <th>Action</th> </tr> </thead> <tbody> <?php if (!empty($bidding_due)): ?> <?php $counter = 1; ?> <?php foreach ($bidding_due as $bid): ?> <tr> <td><?php echo $counter; ?></td> <td><?php echo $bid->bidding_title; ?></td> <td><?php echo $bid->company_name; ?></td> <td><?php echo $bid->mobile_no; ?></td> <td><?php echo $bid->email; ?></td> <td><?php echo $bid->final_bidding_date; ?></td> <td><?php echo $bid->bidding_time; ?></td> <td><a href="<?php echo base_url('/edit-session'); ?>/<?php echo $bid->bidding_id; ?>" class="btn btn-primary btn-xs" role="button">view</a> </tr> <?php $counter++; ?> <?php endforeach; ?> <?php else: ?> <tr> <td colspan="4">No biddings for this client.</td> </tr> <?php endif; ?> </tbody> </table> </div> </div> </div> </div> </div> </body> </html> <style type="text/css"> /* Add custom styles here */ .bidd { background-color: white; margin: 10px 29px; width: 97%; border-radius: 20px; } .card-title { border-bottom: 1px solid black; margin-bottom: 15px; padding-bottom: 10px; } .export-btn { float: right; margin-right: 1%; } .ul_menu li { list-style: none; } .table-responsive { overflow-x: hidden !important; } .prio_table > thead > tr > th { background: #abf3ad !important; border-bottom: 1px solid #61b79c !important; border-top: 1px solid #61b79c !important; color: #000; } .prio_table > tbody > tr > td { background: #f0fffc; color: #000; } @media only screen and (min-width: 320px) and (max-width: 640px) { .table-responsive { overflow-x: auto !important; } } @media only screen and (min-width: 641px) and (max-width: 991px) { .table-responsive { overflow-x: auto !important; } } @media only screen and (min-width: 992px) and (max-width: 1258px) { .table-responsive { overflow-x: auto !important; } } </style>