<?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:#fff;width:204px;height:10px;color:#000">
                                                <td style="text-align:center;" colspan="6">
                                                    <img src="assets/images/logo.png" style="width:45px"> 
                                                </td> 
                                               <td colspan="2" rowspan="12" style="font-size:28px;padding:2px 4px;font-weight:600;background-color:#c72040;color:#fff;">P<br/>R<br/>E<br/>S<br/>S<br/></td>
                                           </tr>
                                            <tr class="first" style="background:#fff;width:204px;color:#000">
                                                 <td colspan="6">
                                                     <h4 style="text-align:center;font-weight:600;padding:0px;line-height:10px;margin-top:0px;color:#666666;font-size:10px;margin-bottom:0px;letter-spacing:0px;">Telangana Journalist And Reporter Association </h4>
                                                 </td>
                                            </tr>
                                            <tr class="first" style="background:#fff;color:#000;width:204px;"> 
                                                <td colspan="6">
                                                    <h6 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</h6> 
                                                </td>
                                            </tr>
                                            <tr class="first" style="background:#fff;color:#000;width:204px;text-align:center"> 
                                                <td colspan="6">
                                                  <img src="admin-jurep/images/<?= $sqlqr['image'];?>" style="border:5px solid #ccc;border-radius:5px;width:55px;height:55px">
                                                </td>
                                            </tr>                                           
                                             <tr class="first" style="width:204px;background:#fff;color:#000;text-align:center">
                                                  <td colspan="6" 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="6" 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;">
                                                 <th colspan="3" 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="2" width="130px" 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:204px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <th colspan="3" 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="2" 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:204px;background:#fff;color:#000;text-align:left;font-size:8px;">
                                                 <th colspan="3" 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="2" 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>
                                            <tr class="first" style="width:204px;background-color:#c72040;color:#fff">
                                                 <th colspan="3" style="padding-left:5px;width:45px;font-size:12px;text-align:right;line-height:13px;">ID NO.</th>
                                                 <th style="width:10px;font-size:12px;line-height:10px;"><b>:</b></th>
                                                <td colspan="2" style="line-height:10px;"> 
                                                <font style="color:#fff;font-weight:bold;font-size:12px;line-height:10px;text-transform:capitalize"><?= $sqlqr['user_id'];?> </font>
                                                </td>
                                            </tr> 
                                            <tr>
                                                 <th colspan="4" style="text-align:left;color:#000;font-weight:bold;font-size:10px"> &nbsp; <img src="assets/images/signature.png" style="height:25px;width:45px"></th> 
                                               <th colspan="" rowspan="2" style="text-align:right"><img src="qr-code/<?= $sqlqr['qr_img'];?>" height="50px"></th>
                                             </tr>
                                             <tr style="font-size:7px">
                                                 <th colspan="5" style="text-align:left;color:#000;font-weight:bold;font-size:8px;line-height:8px"> &nbsp; <b>MIR QURRAM ALI</b><br/><small> &nbsp; (BA LLB, PGD-JMC)</small><br/> &nbsp; TJRA Founders & President</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>