<?php
include('../includes/session.php');
include('../includes/config.php');

include('../template/tngweb/header.php');
if (isset($_POST['name'])) {
    $result = create_user($tng_conn, $udata, $_POST);
    ?>
    <script>
        $(function(){
            Swal.fire(
                '<?php echo $result['message']; ?>',
                '',
                '<?php echo $result['status'] ? 'success' : 'error'; ?>'
            )
        });
        <?php if($result['status']) { ?>
        setTimeout(() => {
            window.location='users.php';
        }, 1200);
        <?php } ?>
    </script>
    <?php
}
?>
<!--start page wrapper -->
<div class="page-wrapper">
  <div class="page-content">
    <div class="card radius-15 shadow-lg border-0">
      <div class="card-body">
        <!-- Back Button -->
        <div class="d-flex align-items-center justify-content-between mb-3">
          <a href="javascript:void(0);" onclick="window.history.back();" class="btn btn-outline-primary rounded-pill px-4 py-2 fw-semibold">
            <i class="bi bi-arrow-left-circle me-2"></i> Go Back
          </a>
          <h5 class="mb-0 fw-bold text-primary">💰 Add New User</h5>
        </div>
	
								<form action="" method="POST" class="row g-3">
									<div class="col-md-3">
										<label for="inputFirstName" class="form-label">Name</label>
										<input name="name"  type="text"  placeholder="Name"  class="form-control" id="inputFirstName"  required>
									</div>
									<div class="col-md-3">
										<label for="inputFirstName" class="form-label">Phone (It Will be Username)</label>
										<input name="phone"  type="text"  placeholder="Phone"  class="form-control" id="inputFirstName"   required>
									</div>
									<div class="col-md-3">
										<label for="inputFirstName" class="form-label">Email</label>
										<input name="email"  type="email"  placeholder="Enter Email"  class="form-control" id="inputFirstName"   required>
									</div>
									<div class="col-md-3">
										<label for="inputFirstName" class="form-label">Usertype</label>
										<select class="form-control" name="type" id=""  required>
                                            <option value="">Select User Type</option>
                                            <option value="retailer">Retailer</option>
                                            <option value="distributor">Distributor</option>
                                          
                                        </select>
									</div>
									<div class="col-md-3">
										<label for="inputFirstName" class="form-label">Password</label>
										<input name="password"  type="password"  placeholder="Password"  class="form-control" id="inputFirstName"  required>
									</div>
									
									<div class="col-12">
										<button type="submit" class="btn btn-primary px-5">Save</button>
									</div>
								</form>
							</div>
						</div>
					
					</div>
				</div>
				
			</div>
		</div>
		
		<!--end page wrapper -->
	<?php include('../template/tngweb/footer.php'); ?>

<!-- ✅ DataTables CDN & Scripts -->
<script src="../template/tngweb/assets/plugins/simplebar/js/simplebar.min.js"></script>
<script src="../template/tngweb/assets/plugins/metismenu/js/metisMenu.min.js"></script>
<script src="../template/tngweb/assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<script src="../template/tngweb/assets/js/app.js"></script>


<script>
  $(document).ready(function() {
    $('#walletTable').DataTable({
      lengthChange: false,
      pageLength: 10,
      order: [[0, "desc"]],
      buttons: ['copy', 'excel', 'pdf', 'print'],
      dom: '<"d-flex justify-content-between align-items-center mb-3"Bf>rt<"d-flex justify-content-between align-items-center"ip>'
    });
  });
</script>

<style>
  /* 🌟 Stylish Table */
  .table thead th {
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: 0.3px;
  }

  .table tbody tr:hover {
    background: #f5f8ff;
    transition: 0.2s ease;
  }

  .card {
    background: #fff;
    border-radius: 15px;
  }

  .btn-outline-primary {
    border-color: #0055ff;
    color: #0055ff;
  }

  .btn-outline-primary:hover {
    background-color: #0055ff;
    color: #fff;
  }

  .dataTables_wrapper .dataTables_filter input {
    border-radius: 8px;
    padding: 5px 10px;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 5px;
  }

  .dataTables_wrapper .dt-buttons .btn {
    border-radius: 20px !important;
    font-size: 0.85rem;
    margin-right: 6px;
  }

  .badge {
    font-size: 0.8rem;
    padding: 6px 10px;
  }
</style>
