<div class="row">
    <div class="col-md-7 my-2">
        <h3 class="fmon">Drivers</h3>
    </div>
    <div class="col-md-5 my-2">
        <div class="row">
            <div class="col-md-6">
                <a href="<?php echo base_url('drivers'); ?>" class="btn btnC w-100">New Drivers</a>
            </div>
            <div class="col-md-6">
                <a href="<?php echo base_url('approveddrivers'); ?>" class="btn btnC2 w-100">Approved Drivers</a>
            </div>
        </div>
    </div>

</div>

<div class="row">
    <div class="col-md-12">
        <table class="table table-striped" id="drivertable">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">Name</th>
                    <th scope="col">Email</th>
                    <th scope="col">Phone</th>
                    <th scope="col">Driver License</th>
                    <th scope="col">Car Color</th>
                    <th scope="col">Make</th>
                    <th scope="col">Modal</th>
                    <th scope="col">License Plate</th>
                    <th scope="col">Actions</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>John Doe</td>
                    <td>johndoe@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>1230</td>
                    <td>Black</td>
                    <td>Honda</td>
                    <td>2014</td>
                    <td>215B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Alice Cooper</td>
                    <td>AL1ce@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>4530</td>
                    <td>White</td>
                    <td>Honda</td>
                    <td>2022</td>
                    <td>434B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>

                    </td>
                </tr>
                <tr>
                    <td>John Doe</td>
                    <td>johndoe@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>1230</td>
                    <td>Black</td>
                    <td>Honda</td>
                    <td>2014</td>
                    <td>215B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Alice Cooper</td>
                    <td>AL1ce@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>4530</td>
                    <td>White</td>
                    <td>Honda</td>
                    <td>2022</td>
                    <td>434B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>

                    </td>
                </tr>
                <tr>
                    <td>John Doe</td>
                    <td>johndoe@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>1230</td>
                    <td>Black</td>
                    <td>Honda</td>
                    <td>2014</td>
                    <td>215B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Alice Cooper</td>
                    <td>AL1ce@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>4530</td>
                    <td>White</td>
                    <td>Honda</td>
                    <td>2022</td>
                    <td>434B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>

                    </td>
                </tr>
                <tr>
                    <td>John Doe</td>
                    <td>johndoe@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>1230</td>
                    <td>Black</td>
                    <td>Honda</td>
                    <td>2014</td>
                    <td>215B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Alice Cooper</td>
                    <td>AL1ce@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>4530</td>
                    <td>White</td>
                    <td>Honda</td>
                    <td>2022</td>
                    <td>434B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td>John Doe</td>
                    <td>johndoe@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>1230</td>
                    <td>Black</td>
                    <td>Honda</td>
                    <td>2014</td>
                    <td>215B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Alice Cooper</td>
                    <td>AL1ce@example.com</td>
                    <td>(555) 555-5555</td>
                    <td>4530</td>
                    <td>White</td>
                    <td>Honda</td>
                    <td>2022</td>
                    <td>434B</td>
                    <td>
                        <div class="dropdown">
                            <button class="btn btnelep2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <img src="./assets/images/ellep.png" alt="">
                            </button>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="<?php echo base_url('editdriver'); ?>">edit</a></li>
                                <li><a class="dropdown-item" href="#">delete</a></li>

                            </ul>
                        </div>

                    </td>
                </tr>


            </tbody>
        </table>
    </div>
</div>

<script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script>
<script>
$(document).ready(function() {
    $('#drivertable').DataTable();
});
</script>