<?php include("auth.php");
require("conn.php");
session_start();

$v_code =$_SESSION['v_code'];

?>


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Visiting Card</title>
  <meta content="" name="description">
  <meta content="" name="keywords">
    <link href="assets/img/favicon.png" rel="icon">
    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  <?php include("templates/inc.php"); ?>
  <link rel="stylesheet" href="IDCard.css">
</head>
<style>
    html {
  font-size: 17px;
  color: rgb(255, 255, 255);
  font-family: 'Heebo', sans-serif;
  /* font-family: "Source Sans Pro", sans-serif; */
  background-color: #ffffff;
}
.front-side,
.back-side {
  width: 390px;
  height: 220px;
  display: grid;
  grid-template-columns: 2% 96% 2%;
  grid-template-rows: 4% 92% 4%;
  position: relative;
  margin: 20px auto;
  overflow: hidden;
  box-shadow: 2px 5px 15px 0px #17161694;
  background-color: #122529;
}
.color-grid {
  display: grid;
  grid-template-columns: repeat(3, 150px);
  grid-template-rows: repeat(8, 50px);
  grid-gap: 8px;
  width: 150px;
  height: 400px;
  transform: rotate(-45deg);
}
.black {
  background-color: #fabf33;
  grid-column: 2 / span 2;
  grid-row: 1 / span 3;
}
.red1 {
  background-color: #e45e4f;
  grid-row: 2 / span 5;
}
.red2 {
  background-color: #3b5998;
  grid-column: 2 / span 2;
  grid-row: 4/7;
}
.green {
  background-color: #007e67;
  grid-column: 2/4;
  grid-row: 7/9;
}

.info-grid {
  grid-column: 2/3;
  grid-row: 2/3;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 87%);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.432);
  border-radius: 6px;
  font-size: 0.7rem; /*12px;*/
  display: grid;
  grid-template-columns: 15px repeat(3, 1fr) 15px;
  grid-template-rows: repeat(3, 1fr);
  line-height: 1px;
}
.info-grid .name {
  grid-column: 2 / span 2;
  grid-row: 1 / span 1;
  font-size: 1.2em;
  letter-spacing: .1rem;
  margin-top: 8px;
}
.info-grid .name h5{
  font-weight: unset;
}
.addr {
  grid-column: 4 / span 4;
  /*grid-row: 4;*/
}

.info-grid .phoneNo {
  grid-column: 3 / span 2;
  grid-row: 2;
  text-align: end;
}
.info-grid .emailId {
  grid-column: 3 / span 2;
  grid-row: 3;
  text-align: end;
  font-size: 1.1em;
}

.back-side .name-tag {
  grid-column: 1 / span 4;
  grid-row: 2 / span 1;
  align-self: center;
  z-index: 2;
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.363);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.288);
  font-size: 0.6rem; /*12px;*/
  letter-spacing: .1rem;
  text-align: center;
}

.info-grid .phoneNo {
    grid-column: 3 / span 2;
    grid-row: 2;
    text-align: end;
    margin-top: -43px;
}
.name-tag h1,h3{
  margin: 2px;
  font-weight: unset;
}
.credits{
  margin-top:40px;
  text-align: center;
  color: #343536;
  }
.vlogo {
    height: 243px;
    /* margin-right: -50px; */
    margin-top: -98px;
    margin-left: -16px;
}
    .name{
       height: 2rem;
  }
  .email{
     
    margin-top: 0;
    margin-bottom: -8rem;

  }
  
  .no{
     
    margin-top: 0;
    margin-bottom: 5rem;

  }
  .h2, h2{
      font-size: 23px;
  }
  
  .web{
      margin-top:-142px;
  }
  
}

</style>
<body>

  <!-- ======= Header ======= -->
  <?php
  include("templates/header.php");
  ?>

  <!-- End Header -->

  <!-- ======= Sidebar ======= -->

  <?php
  include("templates/sidebar.php");

  ?>


  <!-- End Sidebar-->

  <main id="main" class="main">

    <div class="pagetitle">
      <h1>Visiting Card</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item">Visiting Card</li>
       
        </ol>
      </nav>
    </div>
    

<?php  echo getPhoto()  ?>


    <section class="section dashboard">
      <div class="row">

        <!-- Left side columns -->
        <div class="col-lg-12">
          <div class="row">

            <!-- Sales Card -->
            <div class="col-xxl-2 col-md-4">
              
            </div>
            
 
            <div class="col-xxl-2 col-md-4">
            
<?php

function getPhoto()
{
	include("conn.php");
	$file = "";
	$v_code = $_SESSION['v_code'];
    $sql = "select * from  tbl_vendor where v_code='384772'";
	$smt = mysqli_query($conn, $sql);
	if ($row['photo_url'])
        $photo_url = $row['photo_url'];

     return ($photo_url);
 }

?>

    <?php
    include("conn.php");
    $sql = "select * from tbl_vendor where v_code='$v_code'";
    $smt = mysqli_query($conn, $sql);
    $rs = mysqli_fetch_assoc($smt);
    ?>

<!---------------------------------------->






<body>
    <div class="front-side">
        <div class="color-grid">
            <div class="black"></div>
            <div class="red1"></div>
            <div class="red2"></div>
            <div class="green"></div>
        </div>
        <div class="info-grid">
            <div class="name">
                <h2><b> <?php echo $rs['name']; ?></b></h2>
             <p> <b> <?php echo $rs['designation']; ?></b> </p>
                
              <center>  <img src="assets/logo1.png" class="vlogo"> </center>
                
                
            </div>
            <div class="addr">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px"
                    viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="30px" height="30px">
                   
                </svg>
                <!--<p>Ranchi Jharkhand chutia</p>-->
            </div>
            <div class="phoneNo">
              <p><b>Phone:</b> <?php echo $rs['mobile'];  ?></p>
            </div>
            <div class="emailId">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 467.211 467.211"
                    enable-background="new 0 0 467.211 467.211" width="30px" height="30px">
                   
                </svg>
                <!--<p class="email">yourusername@-->
                <!--    <strong>email</strong>.com</p>-->
                    
                    
                <!--<p class="web">-->
                <!--   <strong>www.</strong>eshuzo<strong>.com</strong>-->
                <!--</p>-->
            </div>
        </div>
    </div>
  
</body>

              </div>
            </div>
            <div class="col-xxl-2 col-md-4">
            </div>
            
            <!-- Revenue Card -->

          </div>
        </div>

      </div>




    </section>
    <br><br><br>

  </main><!-- End #main -->
  <!-- ======= Footer ======= -->
  <?php
  include("templates/footer.php");
  ?>

  <!-- End Footer -->


  <?php include("templates/vendors.php"); ?>


</html>