<?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
        }
        .careox-breadcrumb li { 
  color: #fff;
        }
        
@media (min-width: 320px) and (max-width: 640px) {
        .page-header {
  padding-top: 105px;
  padding-bottom: 5px;
}
        }
         .image-container2 {
            width: 205px;
            height: 334px;
            position: relative;
            display: block;
            background-color: #fff;
        
        }
           .image-container2 .table tr td,
        .image-container2 .table tr th {
            padding: 0px !important;
            line-height: 11px !important;
            margin: 0px !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 Id Card</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 active" href="my-idcard.php">My Id-Card</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" 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'];
                             $sqlqr=mysqli_fetch_array(mysqli_query($conn,"select * from user_profile where id='".$user_id."'")); ?>
                            <div class="row">
                                <div class="col-md-12">
                                    <h3 class="mb-2">My Id Card</h3>
                                </div>
                                 <div class="col-md-6"> 
                                     <div class="table-responsive" id="divToPrint" >
 									<table style="font-size:18px;width:204px;height:330px;border-radius:5px;border:1px solid #ccc;" >
                                       <tbody>
                                            <tr class="first" style="background:#c72040;width:204px;height:10px;color:#000">
                                                <td style="text-align:center;color:#fff;font-weight:800;line-height:1.05;" colspan="8">
                                                    PRESS
                                                </td>
                                           </tr> 
                                            <tr class="first" style="background:#fff;width:204px;color:#000">
                                                 <td colspan="8">
                                                     <h4 style="text-align:center;font-weight:600;padding:0px;line-height:10px;margin-top:0px;color:#666666;font-size:11px;margin-bottom:0px;letter-spacing:0px;"><img src="assets/images/logo.png" style="width:45px;margin-left:5px;float:left;"> Telangana Journalist And Reporter Association<br/><font style="text-align:center;font-weight:500;padding:0px 5px 0px 5px;line-height:10px;color:#000;font-size:8px;margin-bottom:0px;margin-top:0px;">Reg by the Government Of Telangana Registration No. 300/2023 </font></h4>
                                                 </td>
                                            </tr> 
                                            <tr class="first" style="background:#fff;color:#000;width:204px;text-align:center"> 
                                               <td rowspan="3" colspan="" style="width:34px;text-align:left"><img src="assets/images/lefticon.png" style="width:34px;margin-left:-1px;"></td>
                                                <td colspan="5" style="padding:0px;text-align:right;padding-right: 10px;">
                                                  <img src="admin-jurep/images/<?= $sqlqr['image'];?>" style="border:5px solid #ccc;border-radius:5px;width:100x;height:100px">
                                                </td> 
                                               <td rowspan="3" colspan="" style="width:34px;"><img src="assets/images/righticon.png" style="width:34px;margin-right:-16px;"></td>
                                                                                             
                                            </tr>                                           
                                             <tr class="first" style="width:204px;background:#fff;color:#000;text-align:center">
                                                  <td colspan="5" style="color:#c72040;line-height:10px;font-size:11px;font-weight:bold;text-transform:capitalize;"> <?= $sqlqr['name'];?></td>
                                             </tr>                                          
                                             <tr class="first" style="width:204px;background:#fff;color:#000;text-align:center">
                                                <td colspan="5" style="color:#000;line-height:10px;font-size:10px;font-weight:bold;text-transform:capitalize"> <?= $sqlqr['status'];?></td>
                                             </tr> 
                                            <tr class="first" style="width:204px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <td colspan="6">
                                                    <table style="width:149px;margin-left:5px;background:#fff;box-shadow:-webkit-box-shadow:0px 0px 3px 0px rgba(66, 68, 90, 1);-moz-box-shadow:0px 0px 3px 0px rgba(66, 68, 90, 1);box-shadow:0px 0px 3px 0px rgb(66, 68, 90);text-align:left;
  font-size: 8px;border-radius: 5px;margin-right: 2px;"> 
                                            <tr class="first" style="width:174px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <th colspan="4" style="width:45px;padding-left:5px;line-height:10px;">Id No.</th>
                                                 <th style="width:10px;line-height:10px;font-size:10px;"><b>:</b></th>
                                                <td colspan="3" width="110px" style="line-height:10px;"><font style="color:#2c2e90;font-weight:bold;text-transform:capitalize;font-size:7px"> <?= $sqlqr['user_id'];?></font></td>
                                             </tr>
                                            <tr class="first" style="width:174px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <th colspan="4" style="width:45px;padding-left:5px;line-height:10px;">Organization</th>
                                                 <th style="width:10px;line-height:10px;font-size:10px;"><b>:</b></th>
                                                <td colspan="3" width="110px" style="line-height:10px;"><font style="color:#2c2e90;font-weight:bold;text-transform:capitalize;font-size:7px"> <?= $sqlqr['company_name'];?></font></td>
                                             </tr>
                                           
                                            <tr class="first" style="width:174px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <th colspan="4" style="width:45px;padding-left:5px;line-height:10px;">Designation</th>
                                                 <th style="width:10px;line-height:10px;font-size:10px;"><b>:</b></th>
                                                <td colspan="3" style="line-height:10px;"> <font style="color:#2c2e90;font-weight:bold;text-transform:capitalize;font-size:7px"><?= $sqlqr['designation'];?></font></td>
                                            </tr>
                                            <tr class="first" style="width:174px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <th colspan="4" style="width:45px;padding-left:5px;line-height:10px;">Valid Until</th>
                                                 <th style="width:10px;line-height:10px;font-size:10px;"><b>:</b></th>
                                                <td colspan="3" style="line-height:10px;font-size:7px"> <font style="color:#2c2e90;font-weight:bold;text-transform:capitalize"><?php $date = $sqlqr['registration_date'];
                                                echo date('Y-m-d', strtotime("+24 months $date")); ?></font></td>
                                            </tr> 
                                                    </table>
                                                </td>
												<th style="text-align:right;background:#fff;" colspan="2"><img src="qr-code/<?= $sqlqr['qr_img'];?>" height="50px"></th>
                                            </tr>
                                            <tr>
                                                 <th colspan="3" style="text-align:left;background:#c72040;color:#fff;font-weight:bold;font-size:10px"> &nbsp; <img src="assets/images/signature.png" style="height:25px;width:75px"></th> 
												<th colspan="2" style="text-align:left;background:#c72040;"></th>
                                                 <th colspan="3" style="text-align: center;background: #fff;color: #fff;font-weight: bold;  font-size: 10px;border: 1px solid #c72040;"> &nbsp; <img src="https://tjra.in/admin-jurep/images/<?php echo $sqlqr['signature']; ?>" style="height:28px;width:70px;background-color: #fff;text-align: center; margin-right: 3px;"></th> 
                                             </tr>
                                             <tr style="font-size:7px">
                                                 <th colspan="5" style="text-align:left;background:#c72040;color:#fff;font-weight:bold;font-size:8px;line-height:8px"> &nbsp; <b>MIR QURRAM ALI</b><br/> &nbsp; Chairman TJRA </th>
                                              <th colspan="3" style="text-align:right;background:#c72040;color:#fff;font-weight:bold;font-size:8px;line-height:8px"> &nbsp; <br/>&nbsp; Card Holder Signature</th>
										   </tr> 
                                        </tbody>
                                    </table> 
                                     </div>
                                     <button onclick="PrintDiv();" class="btn btn-success btn-md mt-2">Print</button> 
                                </div>
                           
                                    <div class="col-md-6 mt-2"> 
                                   <div class="table-responsive" id="divToPrints" >
                                       <table style="font-size:16px;width:204px;height:330px;background-color:#fff;border-radius:5px;border:1px solid #ccc;padding-left:4px;">
                                       <tbody>
                                           <tr><td colspan="7"></td></tr>
                                           <tr class="first" style="background:#fff;width:204px;height:10px;color:#000">
                                               <td colspan="3" rowspan="2" style="background-color:#c72040;color:#fff;text-align:center"><img src="assets/images/logo.png" style="width:45px;"></td>
                                                 <td colspan="4"> 
                                                <div style="color:#fff;background-color:#000;height:22px;margin-top:0px;font-size:14px;font-weight:700;margin-left:0px;">TJRA</div></td>
                                            </tr>
                                            <tr class="first" style="background:#fff;width:204px;color:#000">
                                                  <td colspan="4">
                                                     <h4 style="text-align:center;font-weight:600;font-size:9px;margin-top:2px;color:#666666;line-height:11px;margin-bottom:3px">Telangana Journalist And Reporter Association </h4>
                                                 </td>
                                            </tr>
                                            <tr class="first" style="background:#fff;color:#000;width:204px;"> 
                                                <td colspan="3" style="background-color:#c72040;color:#fff;"></td>
                                                 <td colspan="4">
                                                     <h6 style="text-align:center;font-weight:600;padding:0px 10px 0px 10px;line-height:10px;color:#000;font-size:8px;margin-top:-5px;margin-bottom:0px;"><font style="font-weight:700;">Office Address:</font> 17-3-433/134/1, Yakutpura, Hyderabad-500023</h6> 
                                                </td>
                                            </tr>                                        
                                             <tr class="first" style="width:204px;background:#fff;color:#000;text-align:left">
                                                 <td colspan="3" style="background-color:#c72040;color:#fff;font-size:9px;font-weight:bold;text-transform:capitalize">&nbsp;&nbsp;CELL :- <?= $sqlqr['contact_no'];?></td>
                                                 <td colspan="4" style="background:#fff;color:#000;font-size:9px;line-height:10px;font-weight:bold;text-transform:capitalize">&nbsp;Aadhaar No:<br/><?= $sqlqr['acardno'];?></td>
                                             </tr>                                          
                                             <tr class="first" style="width:204px;background:#fff;color:#000;text-align:left">
                                                 <td colspan="3" style="background-color:#c72040;color:#fff;font-size:9px;font-weight:bold;text-transform:capitalize">&nbsp;&nbsp;DOB:- <?= $sqlqr['dob'];?></td>
                                                 <td colspan="4" style="background:#fff;line-height:10px;color:#000;font-size:9px;font-weight:bold;text-transform:capitalize">&nbsp;Address:<br/>&nbsp;<?= $sqlqr['address'];?></td>
                                             </tr> 
                                            <tr class="first" style="width:204px;background:#fff;color:#000;text-align:left;font-size:9px;">
                                               <td colspan="3" style="background-color:#c72040;color:#fff;font-size:9px;font-weight:bold;text-transform:capitalize;line-height:10px;">&nbsp;&nbsp;BLOOD GROUP :- <?= $sqlqr['blood_group'];?></td> 
                                                <td colspan="4" style="background:#fff;color:#000;font-size:15px;font-weight:bold;text-transform:capitalize"></td>
                                             </tr>
                                           
                                            <tr class="first" style="width:204px;background:#fff;color:#000;text-align:left;font-size:9px;">
                                              <td colspan="3" style="background-color:#c72040;color:#fff;"></td>
                                                 <td colspan="4"> <font style="color:#2c2e90;font-weight:bold;text-transform:capitalize"> </font></td>
                                            </tr>
                                            <tr class="first" style="width:204px;background:#fff;color:#000;text-align:left;font-size:9px;">
                                                <td colspan="3" style="background-color:#c72040;color:#fff;"></td>
                                                 <td colspan="4"> <font style="color:#2c2e90;font-weight:bold;text-transform:capitalize"> </font></td>
                                            </tr>
                                            <tr class="first" style="width:204px;background-color:#c72040;color:#fff;text-align:center">
                                                <th colspan="5" style="padding-left:5px;line-height:20px;border:2px solid #fff;font-size:9px;border-left:0px;border-right:0px">ID NO.</th>
                                                <td colspan="2" style="color:#fff;font-weight:bold;font-size:9px;border:2px solid #fff;border-left:0px;text-transform:capitalize;text-align:left"><?= $sqlqr['user_id'];?></td>
                                            </tr> 
                                           <tr>
                                               <th colspan="3" style="text-align:center;font-weight:bold;line-height:13px;background-color:#c72040;color:#fff;font-size:10px;">Notes</th>
                                               <th colspan="4" style="text-align:center;color:#000;line-height:13px;font-weight:bold;font-size:10px">INSTRUCTIONS</th>
                                             </tr>
                                             <tr>
                                                 <th colspan="3" style="text-align:left;padding-left:5px;background-color:#c72040;color:#fff;font-weight:500;font-size:8px;line-height:8px;font-samily:arial">If you have any complaints<br/>Or if your card is lost, please inform our team by calling 888-684-4472 or emailing tjra.journalist@gmail.com</th>
                                                  <th colspan="4" style="text-align:left;padding:1px 3px 5px 4px;color:#000;font-weight:500;font-size:8px;line-height:8px;font-samily:arial">Accreditation is non-transferable If does not confer any official status Information & facilities accorded are to be used for journalist purpose only<br/> </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");?>
</body>
<script type="text/javascript">
function PrintDiv() 
{
  var divToPrint=document.getElementById('divToPrint');
  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);
}
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>
</html>