<?php
include("db.php");


?>



<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Driver Logbook</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/Login-Form-Clean.css">
    <link rel="stylesheet" href="assets/css/Login-Form-Dark.css">
    <link rel="stylesheet" href="assets/css/Registration-Form-with-Photo.css">
    <link rel="stylesheet" href="assets/css/styles.css">
</head>

<body style="background-image: url(&quot;assets/img/star-sky.jpg&quot;);">
  <div class="form-container" style="padding-top:60px">
    <div class="card" style=" max-width:1300px; width:100%; margin:auto; border-radius:20px;" >
      <div class="card-header">
        <h5 class="mb-0">Client List</h5>
      </div><br>
        <div class="card-body" >
          <div class="input-group" style="margin:0 auto; margin-left:50px;">
            <?php $result = mysqli_query($conn, "SELECT * FROM clients");
            while($row = mysqli_fetch_array($result)){?>
              <form action="client-profile.php" method="POST">
            <div style="width:159px;height:210px;margin-top:20px;margin-left:20px;background-color:rgb(213,200,200);">
              <i class="fa fa-user" style="font-size:60px;margin-top:20px;margin-left:57px;color:#fff;"></i>
              <h1 style="font-size:20px;text-align:center;"><?php echo $row['name']?></h1>
              <h1 style="font-size:10px;text-align:center;"><?php echo $row['address']?></h1>
              <input type="hidden" name="name" value="<?php echo $row['name']?>">
              <input type="submit" name="profile" value="View Profile" style="background: #f4476b;
              border: none;
              border-radius: 4px;
              padding: 7px;
              box-shadow: none;
              margin-left:40px;
              text-shadow: none;
              outline: none !important;">

            </form>
            </div>
          <?php ;} ?>
          <div style="width:159px;height:210px;margin-top:20px;margin-left:20px;background-color:rgb(213,200,200);">
            <i class="fa fa-user" style="font-size:60px;margin-top:20px;margin-left:57px;color:#fff;"></i>
            <h1 style="font-size:20px;text-align:center;">Add Client</h1>
            <a href="add-client.php"><button  value="Add Client" style="background: #52C92F;
            border: none;
            border-radius: 4px;
            padding: 7px;
            box-shadow: none;
            margin-left:40px;
            text-shadow: none;
            outline: none !important;
            color:white;">Add Client</button></a>

          </form>
             </div><br>

    </div>
  </div>
</div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>
