<div id="divToPrint" style="display:none;">
  <div style="width: 800px; height: 620px; background-color: white; text-align: left;">
    <div class="panel-body" style="font-size:20px">
	<style>
          .container1, .row-data1
            {
                width: 100%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0;
            }
            .wrapper
            {
                width: 100%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0%;
                border: 1px solid darkgray;
            }
            .logo
            {
				padding: 2%;
				margin: 0;
				width: 72%;
				float: left;
            }
            .full-div
            {
                width: 100%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0;
            }
            .div-left
            {
                width: 50%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0;
            }
            .div-left1
            {
                width: 100%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0;
                text-align: center;
            }
            .div-right1
            {
                width: 30%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0;   
            }
            .div-right
            {
                width: 50%;
                height: auto;
                float: left;
                padding: 0%;
                margin: 0;
            }
            .logo-right
            {
				float: right;
				padding: 2%;
				margin: 0;
				width: 50%;
            }
            .inner-div
            {
                width: 100%;
                float: left;
                padding: 0.5%;
                margin: 0;
                font-size: 16px;
                text-align: left;
                border-bottom: 1px solid darkgrey;
            }
            .header
            {
                margin-top: 8px;
                margin-bottom: 0.72px;
                font-size: 1.5em;
                font-weight: 600;
            }
			.border-left
            {
                border-left: 1px solid darkgray;
            }
			.outter-block
            {
                width: 100%;
                float: left;
                padding: 0% 0%;
                margin: 0;
                font-size: 14px;
                text-align: center;
                border-top: 1px solid darkgrey;
                
            }
        </style>
    <!---------------------------------------->
	<?php
		if($temp_id = isset($_GET['temp_id']) ? $_GET['temp_id'] : '')
		{
			$row=mysqli_query($conn,"SELECT * FROM `swatch` WHERE sid='$temp_id'");
			$data=mysqli_fetch_array($row);
		}
	?>

	<div class="container1">
		<div class="wrapper">  
		
			<div class="div-left1">
				<div class="header">Swatch Stock Management System</div>
			</div>
			<div class="outter-block">
				<div class="div-left" style="width:29%;">
					<div class="inner-div">
						<img src="images/harbor365-logo.svg" alt="logo" class="logo">
					</div>
				</div>

				<div class="div-right border-left" style="width:70%;">
					<div class="inner-div">
						<b>Product Id: </b><?php echo $data['snumber'];?>
					</div>
					<div class="inner-div">
						<b>Name: </b><?php echo $data['sname'];?>
					</div>
					<div class="inner-div">
						<b>Fabric: </b><?php echo $data['sfabric'];?>
					</div>
					<div class="inner-div">
						<b>Category: </b><?php echo $data['scategory'];?>
					</div>
					<div class="inner-div">
						<b>Color: </b><?php echo $data['scolor'];?>
					</div>
					<div class="inner-div">
						<b>GSM: </b><?php echo $data['sgsm'];?>
					</div>
					<div class="inner-div">
						<b>Manufactured By: </b><?php echo $data['smfg'];?>
					</div>
				</div>
			</div>
				
			<div class="div-left">
				<b>Description: </b><?php echo $data['sdescription'];?>
			</div>	
			
		</div>
	</div>

	
	
	<!---------------------------------------->
	</div>
    </div>
  </div> 
