<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="row column_title">
        <div class="col-md-12">
            <div class="page_title">
                <h2>Service List</h2>
            </div>
        </div>
    </div>

            <button type="button" style="float: right" onclick="location.href='<?= base_url() . 'dashboard/addservices' ?>'" class="btn btn-primary" >Add Service</button>
    <!-- DataTales Example -->
   <br><br><br>
    <div class="card shadow mb-4">

        <div class="card-header py-3 ml-auto">

        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="songTable" width="100%" cellspacing="0">
                    <thead class="thead-dark">
                        <tr>
                            <th>Title</th>
                            <th>Image</th>
                            <th>Description</th>
                            <th>Address</th>
                             <th>Commison</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Redbox Studios</td>
                           <td>   <img class="img-thumbnail" width="100" height="100" src="https://buzzwaretech.com/businesssunitree/assets/images/ServiceDetails-image.png"></td>
                           <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor. Proin a venenatis ante, et porta diam. Morbi finibus dictum velit semper aliquet. Vestibulum enim met Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor. Proin a venenatis ante, et porta diam. Morbi finibus dictum velit semper aliquet. Vestibulum enim me Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor</td>
                           <td>
                               Paul St, london
                           </td>
                           <td>
                               5%
                           </td>
                           <td> 
                            <a class="icon" style="text-decoration: none;" href="#">
                                    <button class="btn btn-default btn-block mt-2">Add Commison</button>
                                </a>
   <a class="icon" style="text-decoration: none;" href="#">
                                    <button class="btn btn-default btn-block mt-2">View</button>
                                </a>
                                                    <a class="icon" style="text-decoration: none;" href="#">
                                    <button class="btn btn-info btn-block mt-2">Edit</button>
                                </a>
                                <a class="icon" style="text-decoration: none;" href="#">
                                    <button class="btn btn-danger btn-block mt-2">Delete</button>
                                </a>
</td>
                        </tr>
                        <?php
            if (!empty($podcasts)) {
              $count = 1;
              foreach ($podcasts as $id => $podcast) {
            ?>
                        <tr>
                            <td><?php echo $podcast['name']; ?></td>
                            <td>
                                <?php if ($podcast['imageUrl'] != "") { ?>
                                <img class="img-thumbnail" width="100" height="100" src="<?php echo $podcast['imageUrl']; ?>">
                                <?php } else { ?>
                                <img class="img-thumbnail" src="http://placehold.jp/100x100.png">
                                <?php } ?>
                            </td>
                            <td>

                                <?php if ($permissions != "ReadOnly") { ?>

                                <a class="icon" style="text-decoration: none;" href="<?php echo base_url(); ?>Instrumentalist/editPodcast/<?php echo $id; ?>">
                                    <button class="btn btn-info btn-block mt-2">Edit</button>
                                </a>
                                <a class="icon" style="text-decoration: none;" href="<?php echo base_url(); ?>Instrumentalist/deletePodcast/<?php echo $id; ?>">
                                    <button class="btn btn-danger btn-block mt-2">Delete</button>
                                </a>
                                <?php } ?>

                            </td>

                        </tr>
                        <?php }
            } ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
<!-- /.container-fluid -->