<!-- Begin Page Content -->
<div class="container-fluid">
    <div class="row column_title">
        <div class="col-md-12">
            <div class="page_title">
                <h2>Creators</h2>
            </div>
        </div>
    </div>

    <!-- <div class="song-info">
        <div class="song-info1">
            <div class="icon-back">
                <i class="fa-solid fa-bars"></i>
            </div>
            <div class="music-icon">
                <i class="fa-solid fa-music"></i>
            </div>
            <div class="details-song2">
                <div class="song-title">
                    <h5>Sound Title 1</h5>
                </div>
                <div class="song-subtitle">
                    <p>Sound Subtitle 1</p>
                </div>
                <div class="input-audio">
                    <input class="music-progress-input" type="range" value="10" min="0" max="100" step="any">
                </div>
            </div>
        </div>
        <div class="end-details-song-3">
            <div class="play-pause-div">
                <i class="fa-solid fa-play"></i>
            </div>
            <div class="star-rating">
                <i class="fa-solid fa-star"></i>
            </div>
            <div class="position-relative">
                <div class="dot-icon">
                    <i class="fa-solid fa-ellipsis-vertical"></i>
                </div>
                <div class="dots-details position-absolute">
                    <div class="edit-sound">
                        <h5>Edit Sound</h5>
                    </div>
                    <div class="edit-sound delete-sound">
                        <h5>Delete Sound</h5>
                    </div>
                </div>
            </div>
        </div>
    </div> -->


    <div class="table-responsive">
        <table id="myTable" class="bf-table">
            <thead class="thead-dark">
                <tr>
                    <th>Creator ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Sounds</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                <tr class="odd">

                    <td class="sorting_1">1</td>
                    <td class="sorting_1">Asad Ullah</td>


                    <td>asadullah9555@gmail.com</td>
                    <td> <audio controls>
                            <source src="horse.ogg" type="audio/ogg">
                            <source src="horse.mp3" type="audio/mpeg">
                        </audio></td>

                    <!-- <td>
                                                                <img class="img-thumbnail" src="http://placehold.jp/100x100.png">
                                                            </td> -->
                    <td>
                        <!-- <a class="icon" style="text-decoration: none;" href="http://137.184.111.69/unitree/customer/userLogs/qvbs2v9BBBbQNOrZ6Kp6k8uoNST2">
                                    <button class="btn btn-info btn-block mt-2">User Details</button> -->
                        </a>
                        <!-- <a class="icon" style="text-decoration: none;" href="http://137.184.111.69/unitree/customer/editcustomer/qvbs2v9BBBbQNOrZ6Kp6k8uoNST2">
                                    <button class="btn btn-secondary btn-block mt-2">Reset Password</button> -->
                        </a>
                        <button type="button" class="btn d-none btn-warning btn-block mt-2" data-toggle="modal" data-target="#exampleModal" onclick="showModal('qvbs2v9BBBbQNOrZ6Kp6k8uoNST2','Asad Ullah');">Send Warning</button>



                        <button class="btn btn-danger  btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" disabled="" onclick="showConfirmation('qvbs2v9BBBbQNOrZ6Kp6k8uoNST2','Asad Ullah', 'banCustomer ');">Suspend User</button>
                        <button class="btn btn-danger d-none btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('qvbs2v9BBBbQNOrZ6Kp6k8uoNST2','Asad Ullah', 'suspendCustomer');">Deactivate User</button>

                        <button disabled="" class="btn btn-danger btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('qvbs2v9BBBbQNOrZ6Kp6k8uoNST2','Asad Ullah', 'deleteCustomer');">Delete User
                            Account</button>

                    </td>
                </tr>
                <?php
                /*
                        if (!empty($customerlist)) {



                            $count = 1;
                            foreach ($customerlist["user"] as $id => $customerlists) {
                            // echo "<pre>";
                            // print_r($customerlists);
                            // echo "</pre>";

                        ?>
                        <tr>

                            <td><?php echo $customerlists['firstName'] . " " . $customerlists['lastName']; ?></td>

                         
                            <td><?php echo output($customerlists['email']); ?></td>
                            <td> <?php echo output($customerlists['address']); ?></td>
                            <td><?php echo date('Y-m-d', $customerlists['dob'] / 1000); ?></td>

                            <td>
                                <?php if ($customerlists['image'] != "") { ?>
                                <a href="<?= $customerlists['image'] ?>" target="_blank">
                                    <img class="img-thumbnail" width="100" height="100" src="<?php echo output($customerlists['image']); ?>">
                                </a>
                                <?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(); ?>customer/userLogs/<?php echo output($id); ?>">
                                    <button class="btn btn-info btn-block mt-2">User Details</button>
                                </a>
                                <a class="icon" style="text-decoration: none;" href="<?php echo base_url(); ?>customer/editcustomer/<?php echo output($id); ?>">
                                    <button class="btn btn-secondary btn-block mt-2">Reset Password</button>
                                </a>
                                <button type="button" class="btn d-none btn-warning btn-block mt-2" data-toggle="modal" data-target="#exampleModal" onclick="showModal('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>');">Send Warning</button>

                                <?php if ($customerlists['BannerImage'] != "") { ?>
                                <button class="btn btn-danger  btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'deleteBanner');">Remove Banner</button>
                                <?php } ?>

                                <?php if ($customerlists['image'] != "") { ?>
                                <button class="btn btn-danger d-none btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'deleteImage');">Remove Profile Photo</button>
                                <?php } ?>

                                <?php if (isset($customerlists["isBanned"]) && $customerlists["isBanned"] == true) {
                                            ?>
                                <button class="btn btn-success d-none btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'unBanCustomer');">Unban User</button>
                                <?php
                                            } else {
                                            ?>
                                <button class="btn btn-danger d-none btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'banCustomer');">Ban User</button>
                                <?php
                                            } ?>
                                <?php if ($customerlists["isActive"] === false) {
                                            ?>
                                <button class="btn btn-success d-none btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'unSuspendCustomer');">Activate User</button>
                                <?php
                                            } else {
                                            ?>
                                <button class="btn btn-danger d-none btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'suspendCustomer');">Deactivate User</button>
                                <?php
                                            } ?>

                                <button class="btn btn-danger btn-block mt-2" data-toggle="modal" data-target="#exampleModa2" onclick="showConfirmation('<?php echo output($id); ?>','<?=$customerlists['firstName']?> <?=$customerlists['lastName']?>', 'deleteCustomer');">Delete User
                                    Account</button>
                                <?php } ?>

                            </td>
                        </tr>
                        <?php }
                        }
*/

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



    <!-- <div class="bf-table-responsive bf-table-responsive--zebra my-5" style="width: 100%;">
		<table id="myTable" class="bf-table">
			<thead>
				<tr>
					<th>Creator ID</th>
					<th>Name</th>
					<th>Email</th>
					<th>Sounds</th>
					<th>Edit</th>
					<th>Delete</th>
					<th>Ads</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>row1_cell1</td>
					<td>row1_cell2</td>
					<td>row1_cell3</td>
					<td>row1_cell4</td>
					<td>row1_cell5</td>
					<td>row1_cell6</td>
					<td>row1_cell7</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<th>Header 1</th>
					<th>Header 2</th>
					<th>Header 3</th>
					<th>Header 4</th>
					<th>Header 5</th>
					<th>Header 6</th>
					<th>Header 7</th>
					<th>Header 8</th>
				</tr>
			</tfoot>
		</table>

	</div> -->

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