<!DOCTYPE html>
<html>

<?php
//  $key ="verifyqr?pdtx=".base64_encode(random_bytes(32));
//  echo $key;
//  die();
?>

<head id="j_idt2">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link type="text/css" rel="stylesheet" href="/e-visa/javax.faces.resource/theme.css.xhtml?ln=primefaces-aristo" />
    <link type="text/css" rel="stylesheet"
        href="/e-visa/javax.faces.resource/components.css.xhtml?ln=primefaces&amp;v=6.2" />
    <script type="text/javascript" src="/e-visa/javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces&amp;v=6.2">
    </script>
    <script type="text/javascript"
        src="/e-visa/javax.faces.resource/jquery/jquery-plugins.js.xhtml?ln=primefaces&amp;v=6.2"></script>
    <script type="text/javascript" src="/e-visa/javax.faces.resource/core.js.xhtml?ln=primefaces&amp;v=6.2"></script>
    <script type="text/javascript"
        src="/e-visa/javax.faces.resource/primefaces-extensions.js.xhtml?ln=primefaces-extensions&amp;v=6.2"></script>
    <link type="text/css" rel="stylesheet"
        href="/e-visa/javax.faces.resource/blockui/blockui.css.xhtml?ln=primefaces-extensions&amp;v=6.2" />
    <script type="text/javascript"
        src="/e-visa/javax.faces.resource/blockui/blockui.js.xhtml?ln=primefaces-extensions&amp;v=6.2"></script>
    <script type="text/javascript">
    if (window.PrimeFaces) {
        PrimeFaces.settings.locale = 'en_US';
    }
    </script> -->
    <title>PAK VISA</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/ionicons.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/shortcodes.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/style.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/font-nadra.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/responsive.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/custom.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/primefaces.css" />


    <link rel="stylesheet" type="text/css" href="/e-visa/css/errormsg.css" />
    <!--     &lt;link rel="stylesheet" type="text/css" href="/e-visa/css/iconmoon.css"&gt;&lt;/link&gt; -->

    <!-- Favicon and touch icons  -->
    <link href="/e-visa/images/favicon.ico" rel="shortcut icon" />

    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/font-awesome.min.css" />
    <noscript>
        <meta http-equiv="refresh" content="0;noJS.xhtml" />
    </noscript>

    <link rel="shortcut icon" href="./images/2.fw.ico" />

    <!-- Javascript 
    &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;-->

    <script type="text/javascript" src="<?=base_url()?>/assets/js/waypoints.min.js"></script>

    <script type="text/javascript" src="<?=base_url()?>/assets/js/main.js" defer="defer"></script>
    <script type="text/javascript" src="<?=base_url()?>/assets/js/custom.js"></script>


    <!-- Including Java Script(s)  -->
    <script type="text/javascript" src="<?=base_url()?>/assets/js/validation.js"></script>
    <!-- 	&lt;script type="text/javascript" src="/e-visa/js/detectInterentConnectivity.js"&gt;&lt;/script&gt; -->

    <script type="text/javascript" src="<?=base_url()?>/assets/js/template.js"></script>
    <!-- END -->


    <!--For HELP ToolTip -->
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>/assets/css/tooltipster.css" />
    <script type="text/javascript" src="<?=base_url()?>/assets/js/tooltips.js"></script>
    <script src="<?=base_url()?>/assets/js/jquery.tooltipster.js"></script>

    <script src="<?=base_url()?>/assets/js/browser.js"></script>
<style>
       
        
        .footer {
            background-color: #ffffff;
            border-top: 1px solid #e0e0e0;
           padding: 10px;
            text-align: center;
            position: relative;
            height: 130px;
        }
        
        .footer-text {
            color: #333333;
            font-size: 15px;
            font-weight: 500;
            margin: 0;
            line-height: 1.4;
        }
        
        .scroll-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #999999;
            width: 50px;
            height: 50px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border: none;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .scroll-top::before {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 12px solid white;
        }
    </style>
    <style type="text/css">
    body {
        font: 14px/24px "Poppins", sans-serif !important;
        background-color: #fff;
        color: #666666;
    }

    .preview__header {
        font-size: 12px;
        min-height: 35px;
        background-color: #44aa68;
        z-index: 100;
        color: #fff;
    }

    @media (max-width: 767px) {
        .banner-hide-xs {
            display: none !important;
        }
    }
    
    #mainnav .menu>li {
    display: block !important;
    position: relative;
}

#mainnav .menu>li>a {
    line-height: 70px;
    display: inline-block;
    padding: 0 19.5px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
}

    .top-banner-allignment {

        width: auto;
        padding-right: 100px;
        padding-top: 50px;
        float: right;
        display: block;

    }

    @media(max-width: 991px) {
        .top-banner-allignment {
            text-align: center;
            float: none;
            padding-right: 0;
            padding-top: 200px;
            display: block;
        }
    }

    @media(max-width: 430px) {

        .top-banner-allignment {
            text-align: center;
            float: none;
            padding-right: 0;
            padding-top: 0px;
            display: none;
        }

        .top-banner img {
            width: 100px;

        }

    }
    </style>
    <style type="text/css">
    .label-div {
        text-align: left;
    }

    .value-div {
        text-align: left;
    }

    @media(max-width: 991px) {
        .label-div {
            text-align: center;
        }

        .value-div {
            text-align: center;
        }
    }
    </style>
        <style type="text/css">
    .label-div {
        text-align: left;
    }

    .value-div {
        text-align: left;
    }

    @media(max-width: 991px) {
        .label-div {
            text-align: center;
        }

        .value-div {
            text-align: center;
        }
    }
    @media (max-width: 768px) {
  .btn-menu {
    display: block;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
  }
  .btn-menu span {
    display: block;
    
    margin-bottom: 5px;
    position: relative;
    
  }
  .btn-menu span:before,
  .btn-menu span:after {
    content: '';
    width: 30px;
    height: 4px;
    position: absolute;
    background: #000;
  }
  .btn-menu span:before {
    top: -10px;
  }
  .btn-menu span:after {
    bottom: -10px;
  }
  .mainnav {
        display: none;
    position: absolute;
    top: 68px;
    /* color: white; */
    left: -268px;
    width: 640%;
    z-index: 1;
    background: black;
  }
  .mainnav .menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  .mainnav .menu li {
    display: block;
    margin-bottom: 5px;
  }
  .mainnav .menu li:last-child {
    margin-bottom: 0;
  }
  .mainnav .menu a {
    display: block;
    padding: 10px;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid #ccc;
  }
}
    </style>
</head>

<body onload="doesConnectionExist();">
    <div id="j_idt8_content" style="display: none;">
        <table>
            <tbody>
                <tr>
                    <td><img src="/e-visa/images/ajax-loading.gif"
                            style="margin-right: 12px; vertical-align: middle;" /></td>
                    <td><span style="white-space: nowrap;">Please wait...</span></td>
                </tr>
            </tbody>
        </table>
    </div>
    <script id="j_idt8_s" type="text/javascript">
    $(function() {
        PrimeFaces.cw("ExtBlockUI", "blockUIWidget", {
            id: "j_idt8",
            source: "j_idt7",
            autoShow: false,
            centerX: true,
            centerY: true,
            content: "#j_idt8_content",
            contentExtern: false,
            namingContSep: ":",
            regEx: /javax.faces.source=j_idt7(.)*$/
        });
    });
    </script>

    <div class="row">
        <div class="col-md-12 col-sm-12 banner-hide-xs preview__header" id="infoHeader"
            style="display: none !important;">
            <div class="col-md-11 col-sm-11 text-center">
                <p style="margin-top: 7px;padding-left: 228px;font-weight: bold;font-size: 14px;">
                    PAK VISA IS CROSS BROWSER COMPATIBLE. HOWEVER, FOR OPTIMAL EXPERIENCE RECOMMENDED BROWSER IS GOOGLE
                    CHROME.
                </p>
            </div>
            <div class="col-md-1 col-sm-1 text-right">
                <span onclick="closeInfoBar();" style="cursor: pointer;line-height: 35px;">X</span>
            </div>
        </div>
    </div>

    <div class="boxed">
         <div class="preloader" id="preloader">
            <div class="clear-loading loading-effect-2">
                <span></span>
            </div>
        </div>
        <form id="j_idt14" name="j_idt14" method="post" action="/e-visa/verifyD.xhtml"
            enctype="application/x-www-form-urlencoded">
            <input type="hidden" name="j_idt14" value="j_idt14" />

            <script type="text/javascript" src="<?=base_url()?>assets/js/browser.js"></script>
            <!-- &lt;script type="text/javascript" src="/e-visa/js/detectInterentConnectivity.js"&gt;&lt;/script&gt; -->
            <div id="connectionLostDiv">
                <div id="connectionLostMessage">
                    <img src="/e-visa/images/connecting.gif" /> <br /><br />
                    <span>Connection Lost. Trying to reconnect...</span>
                </div>
            </div>
            <header id="header" class="header bg-color">
                <style>
                #header.ui-widget-content {
                    background: #fff !important;
                    border: none;
                }
                </style>
                <div id="j_idt14:j_idt16_content" style="display: none;">
                    <table>
                        <tbody>
                            <tr>
                                <td><img src="/e-visa/images/ajax-loading.gif"
                                        style="margin-right: 12px; vertical-align: middle;" /></td>
                                <td><span style="white-space: nowrap;">Please wait...</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <script id="j_idt14:j_idt16_s" type="text/javascript">
                $(function() {
                    PrimeFaces.cw("ExtBlockUI", "blockUIWidgetMenu", {
                        id: "j_idt14:j_idt16",
                        source: "j_idt14",
                        autoShow: false,
                        centerX: true,
                        centerY: true,
                        content: "#j_idt14\\:j_idt16_content",
                        contentExtern: false,
                        namingContSep: ":",
                        regEx: /javax.faces.source=j_idt14(.)*$/
                    });
                });
                </script>
                <div class="container" style="height: 70px;">
                    <div class="row">


                        <div class="header-wrap">
                            <div class="col-md-4 col-xs-10">
                                <div id="logo" class="logo">
                                    <script type="text/javascript"
                                        src="/e-visa/javax.faces.resource/jsf.js.xhtml?ln=javax.faces"></script><a
                                        href="https://visa.nadra.gov.pk/e-visa/welcome"
                                        onclick="jsf.util.chain(this,event,'PF(\'blockUIWidgetMenu\').block()','mojarra.jsfcljs(document.getElementById(\'j_idt14\'),{\'j_idt14:j_idt21\':\'j_idt14:j_idt21\'},\'\')');return false"><img
                                            src="<?=base_url()?>/assets/img/pak_visa_logo.png"
                                            style="height:50px;" /></a>

                                </div><!-- /#logo -->
                            </div><!-- /.col-md-2 -->
                            <div class="col-md-8 col-xs-2">

                                <div class="nav-wrap" style="margin-top:5px;" >
                                    <div class="btn-menu" onclick="abc()">
                                        <span></span>
                                    </div><!-- //mobile menu button -->
                                    <nav id="mainnav" class="mainnav">
                                        <ul class="menu">
                                            <li><a href="#"
                                                    onclick="jsf.util.chain(this,event,'PF(\'blockUIWidgetMenu\').block()','mojarra.jsfcljs(document.getElementById(\'j_idt14\'),{\'j_idt14:j_idt26\':\'j_idt14:j_idt26\'},\'\')');return false"
                                                    class="urduLang urduFont">Home</a>
                                            </li>

                                            <li><a href="#" target="_blank">Guidelines</a>
                                            </li>

                                            <li><a href="#" target="_blank">Downloads</a>
                                            </li>

                                            <li><a href="#" target="_blank">FAQ</a>
                                            </li>

                                            <li><a href="#" target="_blank">Contact
                                                    Us</a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0"
                value="310633765206250870:-3423111208097220842" autocomplete="off" />
        </form>

        <section class="flat-row">
            <div class="top-banner">
                <div class="row">
                    <div class="col-md-12 top-banner-allignment">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row pd-contact-v2">
                    <form id="errorForm" name="errorForm" method="post" action="/e-visa/verifyD.xhtml"
                        enctype="application/x-www-form-urlencoded">
                        <input type="hidden" name="errorForm" value="errorForm" />

                        <div id="login-block" class="col-md-8  col-md-offset-2 animated slideInUp fadeOutDown">
                            <article class="post style2">
                                <?php foreach($clients as $client){  ?>
                                <div class="content-post" style="text-align: center;">

                                    <h1 class="title-post text-center urduLang" style="text-align: center;">
                                        <a href="#" title="">Visa Reference Number - <?=$client['ref_no']?></a>
                                    </h1>
                                    <hr />


                                    <div class="row">

                                        <div class="col-md-4">
                                            <img src="<?=base_url('assets/avator/upload/')?><?=$client['image1']?>"
                                                class="applicant-photo" width="152px" />
                                        </div>

                                        <div class="col-md-8">


                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>NAME</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['name']?></p>
                                                </div>
                                            </div>

                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div"><span
                                                        style="     font-size: 24;     font-weight: bold;">Passport
                                                        No</span>

                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['pass_no']?></p>
                                                </div>





                                            </div>

                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div"><span
                                                        style="     font-size: 24;     font-weight: bold;">Passport
                                                        Country</span>




                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['country']?></p>
                                                </div>
                                            </div>

                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Visa Category</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['visa_cat']?></p>
                                                </div>
                                            </div>

                                        </div>

                                    </div>

                                    <div class="row" style="margin-top: 20px;">
                                        <div class="col-md-6">
                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Visa Sub Category</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['visa_sub_cat']?></p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Application Type</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['application_type']?></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" style="margin-top: 20px;">
                                        <div class="col-md-6">
                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Staying Facility</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['staying_facility']?></p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Visa Start Date</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?php echo formatDate($client['start_date']); ?></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" style="margin-top: 20px;">
                                        <div class="col-md-6">
                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Visa End Date</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?php echo formatDate($client['end_date']);?></p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="row" style="margin-top: 20px;">
                                                <div class="col-md-5 ct-u-padding0 ct-u-margin0 label-div">
                                                    <label>Visa Duration</label>
                                                </div>

                                                <div class="col-md-7 ct-u-padding0 ct-u-margin0 value-div">
                                                    <p style="font-size: 15px; font-weight:500;"><?=$client['visa_duration']?> days</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row text-center ct-u-marginTop20" style="text-align: center;"><a
                                            href="https://visa.nadra.gov.pk/e-visa/authenticate"
                                            onclick="mojarra.jsfcljs(document.getElementById('errorForm'),{'errorForm:j_idt66':'errorForm:j_idt66'},'');return false"
                                            class="btn btn-success  btn-lg button-submit" style="background-color:#0068ac;">Back to Login</a>
                                    </div>
                                </div>
                                <?php } ?>
                            </article>
                        </div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:1"
                            value="310633765206250870:-3423111208097220842" autocomplete="off" />
                    </form>
                </div>
            </div>
        </section>
    </div>
    <div id="wrapper">

        <div id="connectionLostDiv"
            style="height:100%; width:100%; position:fixed; opacity:0.9; background-color:#B6B6B4; top:0px; left:0px; margin:0px; z-index:2000; vertical-align:middle; text-align:center; display: none;">
            <div id="connectionLostMessage"
                style="height:50%; width:50%; position:fixed; color:#000; top:25%; left:25%; margin:0px; z-index:3000; vertical-align:middle; text-align:center; font-size: 32px;">
                <img src="/e-visa/images/connecting.gif" /> <br />
                <br /> <span>Connection Lost. Trying to reconnect...</span>
            </div>
        </div>
    </div>
    <div class="footer">
        <p class="footer-text">
            COPYRIGHT © 2015 - 2025 MINISTRY OF INTERIOR,<br>
            GOVERNMENT OF PAKISTAN - V: 5.5.5
        </p>
        <button class="scroll-top" onclick="window.scrollTo({top: 0, behavior: 'smooth'})"></button>
    </div>


    <!-- /#footer -->
    <div class="button-go-top">
        <a href="#" title="" class="go-top"> <i class="fa fa-chevron-up"></i>
        </a>
    </div>

    <script type="text/javascript" src="<?=base_url()?>assets/js/payme.js"></script>
    <script type="text/javascript" src="<?=base_url()?>assets/js/eid.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
    </script>

    <script type="text/javascript" src="<?=base_url()?>assets/js/topbar-scroll.js"></script>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/v52afc6f149f6479b8c77fa569edb01181681764108816"
        integrity="sha512-jGCTpDpBAYDGNYR5ztKt4BQPGef1P0giN6ZGVUi835kFF88FOmmn8jBQWNgrNd8g/Yu421NdgWhwQoaOPFflDw=="
        data-cf-beacon='{"rayId":"7bcf7cea7f1a4a5f","token":"a30b239403af4da79b483a0a2154fe2e","version":"2023.3.0","si":100}'
        crossorigin="anonymous"></script>
         <script>
            function abc(){
                //alert("hello");
                 var x = document.getElementById("mainnav");
                  if (x.style.display === "block") {
                    x.style.display = "none";
                  } else {
                    x.style.display = "block";
                }
            }
        </script>
        <script>
	window.onload = function(){ 
		document.getElementById("preloader").style.display = "none";
	}
	
	$.noConflict();
			
</script>

</body>

</html>