<?php 
include 'inc.header.php';
?>

<div class="content my-0 mt-n2 px-1">
<div class="d-flex">
<div class="align-self-center">
<h3 class="font-16 mb-2">Customers</h3>
</div>



</div>
<div class="row">
<div class="form-custom form-label form-icon mt-2">

<div style="border-bottom: 1px solid #000;display:flex;">
<input type="text" class="form-control rounded-xs" id="c2" placeholder="Search Customer" style="border:none; solid #000 !important;color:#222;height:40px !important; padding-left:12px !important;">
<ul id="buttonlist">
    <li><i class="fa fa-plus"></i></li>
    <li><i class="fa fa-copy"></i></li>
</ul>
</div>
</div>
</div>

<style>
    .thwrap h6{
        font-size: 13px;
        color: #949398;
    }
    ul li{
        list-style: none;
        margin-left: 10px;
    }
    input#c2::placeholder{
        font-size: 15px !important;
        color: #000;
    }
    ul{
        padding-left: 0;
        margin-bottom: 10px;
        display: flex;

    }
    ul#buttonlist li i{
        position: relative !important;
        background-color: #9773d5 !important;
        color: #fff;
        border-radius: 50%;
        height: 40px;
         width: 40px;
        line-height: 39px;
    }
    ul#buttonlist li i::before{
        background-color: #9773d5 !important;
    }
</style>
</div>

<div class="card card-style">

<div class="content">
<?php $customers = mysqli_query($conn, "SELECT * FROM mobilecustomers ORDER BY cname ASC"); 
if ($customers->num_rows > 0) {
    while($row = $customers->fetch_assoc()) {

?>
<a href="#" class="d-flex py-1">
<div class="align-self-center">
<span class="icon rounded-s me-2 gradient-orange shadow-bg shadow-bg-s" style="color:#fff;font-size:20px;"><?php echo substr($row['cname'], 0, 1); ?></span>
</div>
<div class="align-self-center ps-1">
<h5 class="pt-1 mb-n1"><?php echo $row['cname']; ?></h5>
<p class="mb-0 font-11 opacity-50"><?php echo $row['cphone']; ?> <span class="copyright-year"></span></p>
</div>
 <div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1 color-red-dark"><?php echo number_format((float) $row['ccredit'], 2); ?></h4>
<p class="mb-0 font-11">Credit</p>
</div>
</a>
<div class="divider my-2 opacity-50"></div>
<?php } } ?>




</div>

</div>







<?php 
include 'inc.footer.php';

?>
