<style>
td img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.dropdown .dropdown-menu .dropdown-item {
  font-size: 1rem;
  padding: 0.9rem 1.5rem;
}
.card {
  border: 1px;
  border-radius:40px;
  text-align:center;
}
</style>
<div class="main-panel">
	<div class="content-wrapper">
		<div class="row purchace-popup">
		  <div class="col-12 stretch-card grid-margin">
			<div class="card card-secondary">
			  <span class="card-body d-lg-flex align-items-center">
				<p class="mb-lg-0" align="center">User SIM related Modification</p>
			  </span>
			</div>
		  </div>
		</div>
		<div class="col-md-12 grid-margin stretch-card">
			<div class="card">
				<div class="card-body">
					<div class="form-group row">
						<label for="exampleInputUsername2" class="col-sm-3 col-form-label">User</label>
						<div class="col-sm-9">
							<input type="text" class="form-control" name="first_name" readonly 	value="<?php echo $user_details[0]['first_name'].' '. $user_details[0]['last_name'];?>">
						</div>
					</div>
					<div class="form-group row">
						<label for="exampleInputEmail2" class="col-sm-3 col-form-label">Sensors</label>
						<div class="col-sm-9">
							<select name="sensor" class="form-control">
							<?php foreach($business_data as $sensor) { ?>
							<option value=""><?php echo $sensor['sensor'];?></option>
							<?php } ?>
							</select>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-12 grid-margin stretch-card">
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="#" class="" onclick="get_sim_activate();">Activate SIM</a></h4>
					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="#" onclick="get_sim_disconnect()">Disconnect SIM</a></a></h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="#" onclick="get_unblock_sim()">Unblock SIM</a> </h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="#" onclick="get_block_sim()">block SIM </a></h4>
 					</div>
				</div>
			</div>
		</div>
		<div class="col-md-12 grid-margin stretch-card">
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">SIM status</a> </h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">SIM list Lite</a></h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Update SIM name</a></h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Update SIM tag</a></h4>
 					</div>
				</div>
			</div>
		</div>
		<div class="col-md-12 grid-margin stretch-card">
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Deactivate SIM</a></h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Custom plan list</a></h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Associate Plan</a></h4>
 					</div>
				</div>
			</div>
			<div class="col-md-3 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Recharge SIM</a> </h4>
 					</div>
				</div>
			</div>
		</div>
		<div class="col-md-12 grid-margin stretch-card">
			<div class="col-md-4 grid-margin"></div>
			<div class="col-md-4 grid-margin">
				<div class="card">
					<div class="card-body">
						<h4 class="card-title"><a href="">Setup SIM expiration date</a></h4>
 					</div>
				</div>
			</div>
			
		</div>
	</div>
</div>
<script>
setTimeout(function() {
	$('#flash_data').fadeOut('slow');
}, 5000);
function get_sim_activate() {
	const userConfirmed = confirm("Are you sure you want to Activate the sim?");
            
            // Check the user's response
            if (userConfirmed) {
                alert("Error : SSID Incorrect!");
            } else {
                alert("Error : SSID Incorrect!");
            }
}
function get_sim_disconnect() {
	const userConfirmed = confirm("Are you sure you want to Disconnect the sim?");
            
            // Check the user's response
            if (userConfirmed) {
                alert("Error : SSID Incorrect!");
            } else {
                alert("Error : SSID Incorrect!");
            }
}
function get_unblock_sim() {
	const userConfirmed = confirm("Are you sure you want to Unblock the sim?");
            
            // Check the user's response
            if (userConfirmed) {
                alert("Error : SSID Incorrect!");
            } else {
                alert("Error : SSID Incorrect!");
            }
}
function get_block_sim() {
	const userConfirmed = confirm("Are you sure you want to Block the sim?");
            
            // Check the user's response
            if (userConfirmed) {
                alert("Error : SSID Incorrect!");
            } else {
                alert("Error : SSID Incorrect!");
            }
}
</script>
	