<?php include("includes/db_config.php"); 
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true){ }else{
echo "<script>window.location.href='index.php'</script>";
} ?>
 <!DOCTYPE html>
 <html lang="en">

 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Telangana Journalist Reporter Association</title>
     <?php include("includes/css.php");?>
     <link rel="canonical" href="https://www.tjra.in/" />
     <meta property="og:locale" content="en_Us" />
     <meta property="og:type" content="website" />
     <meta property="og:title" content="Telangana Journalist Reporter Association" />
     <meta property="og:description" content="Telangana Journalist Reporter Association provides " />
     <meta property="og:url" content="https://www.tjra.in//" />
     <meta property="og:site_name" content="Telangana Journalist Reporter Association" />
     <meta charset="utf-8">
     <meta name="keywords" content="" />
     <meta name="author" content="Telangana Journalist Reporter Association">
     <meta name="description" content="" />
     <style>
         .team-one--about {
             padding: 50px 0px 50px 0px;
         }

         .vertical-tabs {
             font-size: 14px;
             padding: 0px;
             color: #008000;
             width: 100%
         }

         .vertical-tabs .nav-tabs .nav-link {
             background: #b91e4d;
             border: 1px solid transparent;
             color: #fff;
             border-radius: 0px height: 37px;
         }

         .vertical-tabs .nav-tabs .nav-link.active {
             background-color: #000 !important;
             border-color: transparent !important;
             color: #fff;
         }

         .vertical-tabs .nav-tabs .nav-link:hover {
             background-color: #000 !important;
             border-color: transparent !important;
             color: #fff;
         }

         .vertical-tabs .nav-tabs .nav-link {
             border: 1px solid transparent;
         }

         .vertical-tabs .tab-content>.active {
             background: #fff;
             display: block;
         }

         .vertical-tabs .nav.nav-tabs {
             border-bottom: 0;
             border-right: 1px solid transparent;
             display: block;
             float: left;
             width: 100%;
             padding: 0px
         }

         .vertical-tabs div.tab-content {
             border: solid 1px #4CAF50 !important;
             max-height: 200px;
         }

         .vertical-tabs .sv-tab-panel {
             background: #fff;
             height: 145px;
             padding-top: 10px;
         }

         .vertical-tabs div#home-v.tab-pane .sv-tab-panel {
             background: #a6dba6
         }

         .vertical-tabs div#profile-v.tab-pane .sv-tab-panel {
             background: #99d699;
         }

         .vertical-tabs div#messages-v.tab-pane .sv-tab-panel {
             background: #8cd18c
         }

         .vertical-tabs div#settings-v.tab-pane .sv-tab-panel {
             background: #80cc80
         }

         .nav-tabs .nav-item {
             border-bottom: 1px solid #ccc;
             margin-bottom: 1px;
         }

         .vertical-tabs .nav-tabs .nav-item {
             padding: 0px 0px !important;
             border-bottom: 1px solid #fff !important;
             border-radius: 0px;
         }

         .page-header {
             padding-top: 10px;
             padding-bottom: 5px;
         }

         .page-header__bg {
             background-image: none;
             background-color: #fff;
         }

         .page-header__bg::before {
             background-color: #000
         }

         .register-page__form label {
             font-weight: 600
         }

         @media (min-width: 320px) and (max-width: 640px) {
             .page-header {
                 padding-top:40px;
                 padding-bottom: 5px;
             }
         }
 
         
.image-container{ 
  position: relative;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
}

.test{
  object-fit: cover;
  z-index: 1;
  display: block;
  width: 355px;
  height: 355px; 
  border: 1px solid white;
  filter: grayscale(100%) contrast(400%);
  opacity: 0.1;
    position: absolute;
  left: 35%;
  top: 40%;   
}

.shadow{
  position: absolute;
  border-radius: 100%;
  box-shadow: inset 0 0 50px 50px white;
  border: 3px solid white;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: radial-gradient(rgba(white, 0), rgba(white, 1) 80%);
}
         
.framed {/*border-color: #fff;
  border-image-source: url("https://tjra.in/assets/images/TJRAbox.png");
  border-image-slice: 93 92 87 92;
  border-image-repeat: stretch;
  border-style: inset;
  border-width: 75px;
  display: grid;
   background-color: #ffffff;
  margin: 0 auto;
  padding: 0rem;
  resize: both;
  overflow: auto;*/
	border:5px dashed #ccc;width:600px;border-radius:5px;
 }
         .framed .table tr, .framed .table tr td, .framed .table tr th{border: 0px solid #ccc!important}
     </style>
 </head>

 <body class="custom-cursor">
     <div class="custom-cursor__cursor"></div>
     <div class="custom-cursor__cursor-two"></div>

     <div class="page-wrapper">
         <?php include("includes/header.php");?>

         <section class="page-header">
             <div class="page-header__bg"></div>
             <div class="container-fluid">
                 <ul class="careox-breadcrumb list-unstyled">
                     <li><a href="index.php">Home</a></li>
                     <li><span>My Certificate</span></li>
                 </ul>
             </div>
         </section>
         <section class="team-one team-one--about pb-100 pt-100">
             <div class="container-fluid">
                 <div class="row">
                     <div class="col-xl-3">
                         <div class="vertical-tabs">
                             <ul class="nav nav-tabs" role="tablist">
                                 <li class="nav-item">
                                     <a class="nav-link" href="my-profile.php">My Profile</a>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="edit-profile.php">Edit Profile</a>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="my-idcard.php">My Id-Card</a>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link active" href="my-certificate.php">My Certificate</a>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="my-booking.php">My Booking</a>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="logout.php">Logout</a>
                                 </li>
                             </ul>
                         </div>
                     </div>
                     <div class="col-xl-9">
                         <div class="sv-tab-panel">
                            <?php $user_id=$_SESSION['id'];
                            $sql1="select * from user_profile where id='".$user_id."'";
                            $result1 = mysqli_query($conn, $sql1);
                            $res1= mysqli_fetch_array($result1); ?>
                             <div class="row">
                                 <div class="col-md-12">
                                     <h3 class="mb-2">My Certificate</h3></div>
                                 <div class="col-md-12">
                                    <div id="divToPrints">   
                                         <table style="width:610px;border:2px solid #ccc;padding:10px;">
                                         <tbody>
                                            <tr class="first" style="width:600px;padding: 0px 15px;">
                                                 <td colspan="1" style="width:100px;padding:10px;line-height:1.36;border-radius:10px 10px 0px 0px; text-align:left">
                                                     <b style="color:#fff;font-size:16px!important;"><img src="assets/images/nitiayog.png" style="width:100px"></b>
                                                 </td>
                                                 <td colspan="2" style="width:400px;padding:10px;line-height:1.36;border-radius:10px 10px 0px 0px; text-align:center">
                                                     <b style="color:#fff;font-size:16px!important;"><img src="assets/images/logo.png" style="width:160px"></b>
                                                 </td>
                                                 <td colspan="1" style="width:100px;padding:10px;line-height:1.36;border-radius:10px 10px 0px 0px; text-align:right">
                                                     <b style="color:#fff;font-size:16px!important;"><img src="assets/images/msme.png" style="width:100px"></b>
                                                 </td>
                                             </tr> 
                                             <tr class="first" style="width:600px;text-align:center;padding: 0px 15px;">
                                                 <td colspan="1" style="width:100px;text-align:left;padding-left: 8px;"><img src="admin-jurep/images/<?= $res1['image'];?>" style="border:5px solid #ccc;width:150px;height:170px"></td>
                                                 <td colspan="2" style="width:400px;text-align:center;">
                                                     <h4 style="text-align:center;font-weight:500;font-size:45px;margin-top:10px;color:#000;letter-spacing:1px;font-family:none;padding-right: 8px;line-height:55px;">
                                                         <font style="color:#c98d67;font-weight:700;font-size:65px;">CERTIFICATE</font><br /> &nbsp; OF MEMBERSHIP
                                                     </h4>
                                                 </td>
												 <th colspan="1" style="text-align:center;width:100px;"><h6 style="color:#000;margin-bottom:10px;margin-top:5px;font-weight:700;font-size:16px;">ID No.: <?= $res1['user_id'];?> </h6>  <img src="qr-code/<?= $res1['qr_img'];?>" height="110px"></th>
                                             </tr>
                                              <tr style="width:600px;padding: 0px 15px;">
                                                  <th colspan="4" style="width:600px;height:40px"></th>
                                             </tr>
                                            <tr class="first" style="width:600px;padding: 0px 15px;">
                                                 <td colspan="4" style="width:600px;">
                                                     <h4 style="text-align:center;font-weight:800;font-size:38px;margin-top:5px;color:#b62200;letter-spacing:1px;font-family:none;line-height:30px;"><i>Telangana Journalist and Reporter Association</i></h4>
                                                 </td>
                                             </tr>
                                             <tr style="width:600px;padding: 0px 15px;">
                                                 <td colspan="4" style="width:600px;">
                                                     <h6 style="text-align:center;font-weight:500;color:#191919;line-height:55px;font-size:38px;font-family:roboto;margin-top:5px;">Membership ID Card <br />This card certifies that</h6>
                                                 </td>
                                             </tr>
                                            <tr class="first" style="width:600px;padding: 0px 15px;">
                                                 <td colspan="4" style="width:600px;"><h2 style="color:#191919;font-weight:900;padding:10px 50px; text-align:center;text-transform:capitalize;font-size:40px"> <?= $res1['name'];?></h2></td>
                                             </tr>
                                            <tr class="first" style="width:600px;padding: 0px 15px;">
                                                 <td colspan="4" style="width:600px;"><h2 style="color:#191919;font-weight:600;padding:10px 50px; text-align:center;text-transform:capitalize;font-size:24px"> <?= $res1['company_name'];?></h2></td>
                                             </tr>
                                              <tr style="width:600px;padding: 0px 15px;">
                                                  <th colspan="4" style="width:600px;height:20px"></th>
                                             </tr>
                                             <tr style="width:600px;padding: 0px 15px;">
                                                 <td colspan="4" style="width:600px;text-align:center;color:#191919;line-height:29px;font-size:28px;font-weight:500;"> is a proud member of the Telangana Journalist<br />and Reporter Association.<br /> This card is exclusively for journalistic<br />and reporting purposes.</td>
                                             </tr>                                             
                                             <tr style="width:600px;padding: 0px 15px;">
                                                  <th colspan="4" style="width:600px;height:20px"></th>
                                             </tr>
                                             <tr style="width:600px;padding: 0px 15px;">
                                                 <td colspan="4" style="width:600px;text-align:center;color:#191919;line-height:30px;padding:10px 30px;font-size:25px;font-weight:500;">For any issues or inquiries, please contact the organization<br /> at :Email: tjra.journalist@gmail.com Phone:8886844472 </td>
                                             </tr>
                                             <tr style="width:600px;padding: 0px 15px;">
                                                 <th colspan="4" style="height:40px;width:600px;"></th>
                                             </tr>
                                             <tr style="width:600px;padding: 0px 15px;">
                                                 <th colspan="2" style="width:300px;padding-left:8px;text-align:left;color:#000;font-weight:bold;font-size:26px"> &nbsp; <img src="assets/images/signature.png" style="height:55px;"></th>
                                                  <th colspan="2" style="width:300px;padding-right:8px;text-align:center;color:#000;font-weight:bold;font-size:26px"><br/>Members of Association</th>
                                             </tr>
                                             <tr style="width:600px;padding: 0px 15px;">
                                                 <th colspan="2" style="width:300px;text-align:left;padding-left:8px;color:#000;font-size:20px;line-height:27px"><b>MIR QURRAM ALI</b><br/><small>(BA LLB, PGD-JMC)</small><br/>TJRA Founders & President</th>
                                                  <th colspan="2" style="width:300px;text-align:center;padding-right:8px;"><img src="assets/images/tjramemberassociation.png" style="height:90px"></th>
                                             </tr>
                                         </tbody>
                                     </table>
                                     </div>
                                     <button onclick="PrintDivs();" class="btn btn-success btn-md mt-2">Print</button>
                                 </div>

                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </section>
         <?php include("includes/newsletter.php");?>
     </div>
     <?php include("includes/footer.php");?>
     <?php include("includes/js.php");?>
     <script type="text/javascript">
         function PrintDivs() 
{
  var divToPrint=document.getElementById('divToPrints');
  var newWin=window.open('','Print-Window');
  newWin.document.open();
  newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
  newWin.document.close();
  setTimeout(function(){newWin.close();},10);
}
     </script>
 </body>

 </html>