<?php
include($_SERVER['DOCUMENT_ROOT'] . "/admin/COMPONENTS/root/path.php");
echo "<h5 class='userId' style='display:none;'>" . $_GET['userId'] . "</h5>";
?>
<!DOCTYPE html>
<html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="author" content="Script Tutorials" />
    <title>School Home</title>
    <link href="<?php $_SERVER['DOCUMENT_ROOT']; ?>/dist/js/jQuery.print-master/css/bootstrap.min.css" rel="stylesheet">

</head>

<style>
    body {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
    }

    @media print {

        @page {
            size: A4;
            margin: 0mm;
        }

        html,
        body {

            width: 210mm;
            height: 99%;
            margin: 0 auto;
            line-height: 1em;
            word-spacing: 1px;
            letter-spacing: 0.2px;

            background: white;
            color: black;
            width: 100%;
            float: none;
        }





        @-moz-document url-prefix() {}

        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-smdm-12 {
            float: left;
        }

        .col-sm-12,
        .col-md-12 {
            width: 100%;
        }

        .col-sm-11,
        .col-md-11 {
            width: 91.66666667%;
        }

        .col-sm-10,
        .col-md-10 {
            width: 83.33333333%;
        }

        .col-sm-9,
        .col-md-9 {
            width: 75%;
        }

        .col-sm-8,
        .col-md-8 {
            width: 66.66666667%;
        }

        .col-sm-7,
        .col-md-7 {
            width: 58.33333333%;
        }

        .col-sm-6,
        .col-md-6 {
            width: 50%;
        }

        .col-sm-5,
        .col-md-5 {
            width: 41.66666667%;
        }

        .col-sm-4,
        .col-md-4 {
            width: 33.33333333%;
        }

        .col-sm-3,
        .col-md-3 {
            width: 25%;
        }

        .col-sm-2,
        .col-md-2 {
            width: 16.66666667%;
        }

        .col-sm-1,
        .col-md-1 {
            width: 8.33333333%;
        }

        .col-sm-pull-12 {
            right: 100%;
        }

        .col-sm-pull-11 {
            right: 91.66666667%;
        }

        .col-sm-pull-10 {
            right: 83.33333333%;
        }

        .col-sm-pull-9 {
            right: 75%;
        }

        .col-sm-pull-8 {
            right: 66.66666667%;
        }

        .col-sm-pull-7 {
            right: 58.33333333%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }

        .col-sm-pull-5 {
            right: 41.66666667%;
        }

        .col-sm-pull-4 {
            right: 33.33333333%;
        }

        .col-sm-pull-3 {
            right: 25%;
        }

        .col-sm-pull-2 {
            right: 16.66666667%;
        }

        .col-sm-pull-1 {
            right: 8.33333333%;
        }

        .col-sm-pull-0 {
            right: auto;
        }

        .col-sm-push-12 {
            left: 100%;
        }

        .col-sm-push-11 {
            left: 91.66666667%;
        }

        .col-sm-push-10 {
            left: 83.33333333%;
        }

        .col-sm-push-9 {
            left: 75%;
        }

        .col-sm-push-8 {
            left: 66.66666667%;
        }

        .col-sm-push-7 {
            left: 58.33333333%;
        }

        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-push-5 {
            left: 41.66666667%;
        }

        .col-sm-push-4 {
            left: 33.33333333%;
        }

        .col-sm-push-3 {
            left: 25%;
        }

        .col-sm-push-2 {
            left: 16.66666667%;
        }

        .col-sm-push-1 {
            left: 8.33333333%;
        }

        .col-sm-push-0 {
            left: auto;
        }

        .col-sm-offset-12 {
            margin-left: 100%;
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-sm-offset-9 {
            margin-left: 75%;
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-sm-offset-6 {
            margin-left: 50%;
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-sm-offset-3 {
            margin-left: 25%;
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-sm-offset-0 {
            margin-left: 0%;
        }

        .visible-xs {
            display: none !important;
        }

        .hidden-xs {
            display: block !important;
        }

        table.hidden-xs {
            display: table;
        }

        tr.hidden-xs {
            display: table-row !important;
        }

        th.hidden-xs,
        td.hidden-xs {
            display: table-cell !important;
        }

        .hidden-xs.hidden-print {
            display: none !important;
        }

        .hidden-sm {
            display: none !important;
        }

        .visible-sm {
            display: block !important;
        }

        table.visible-sm {
            display: table;
        }

        tr.visible-sm {
            display: table-row !important;
        }

        th.visible-sm,
        td.visible-sm {
            display: table-cell !important;
        }


    }


    .watermark {

        display: block;
        margin-bottom: 0.5cm;


    }

    .content {
        height: 1320px;
        border: 1px solid black;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.88);
        padding: 40px;
        box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);

    }


    .content1 {
        height: 1100px;
        border: 1px solid black;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.98) !important;
        padding: 40px;
        display: block;
        margin: 0 auto;
        margin-bottom: 0.5cm;
        box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
        page-break-after: after;
    }



    .content3 {

        border: 1px solid black;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.88);
        padding: 10px;
        padding-left: 50px;
        padding-right: 50px;
    }

    /*
    .col-md-4,.col-md-2,.col-md-6,.col-md-12{
        border:1px solid black;
    }
      */



    #report1_input {
        border: none;
        border-bottom-style: groove;
        padding-left: 5px;
        background: none;
        width: 130px;
    }




    #info_bill {
        color: black !important;
        height: 40px;
        margin-top: 20px;
        padding: 0px;
        width: 100%;
        /* background: white !important; */
        border: 5px solid black !important;
        font-weight: 800;
    }

    #info_bill1 {
        color: black !important;
        margin-top: 7px;
    }

    table {
        font-family: Arial, Helvetica, sans-serif !important;
        border-collapse: collapse !important;
        width: 100% !important;
        /* box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.13) !important; */
        border: none !important;
        background: rgba(255, 255, 255, 0) !important;
        margin-bottom: 30px !important;


    }

    td,
    th {
        border: 1px solid rgba(221, 221, 221, 0.06) !important;
        padding: 8px !important;
        text-align: left !important;
    }

    tr:nth-child(even) {
        background-color: #f2f2f2 !important;
    }

    tr:hover {
        background-color: #ddd !important;
    }

    th {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        text-align: left !important;
        background-color: #4CAF50 !important;
        color: white !important;
        text-align: left !important;
    }

    td {
        padding: 3px !important;
        font-weight: 500;
        color: #414141 !important;
        font-size: 11px !important;
    }


    #info_schoolname {
        font-size: 20px;
        padding: 1px 1px 1px;
    }


    #address {
        font-size: 18px;
    }

    img {
        /* box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.15) !important; */
        border: 1px solid #c3c3c3;
    }



    .avatar-upload .avatar-preview {
        width: 180px;
        height: 210px;
        position: relative;
        border: 6px solid #F8F8F8;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }

    .avatar-upload .avatar-preview>div {
        width: 100% !important;
        height: 100% !important;

        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
</style>


<body style="background:none;">

    <div style='display:none;'>
        <div class='page' style='display:none;'>
            <input type='text' class='school-logo-watermark' value="<?php echo $image ?>" style='display:none;'>

            <div class='row watermark' id='watermark'>
                <div class='col-md-12 content1 ' id='content'>

                    <div class="row">
                        <div class='col-md-3'>
                            <!-- <img src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/assets/images/Transfer2TransformLogo-03.png" alt="user" class="" width='130px' height='40px' style="margin:25% auto;"> -->
                        </div>

                        <div class='col-md-6' style='text-align:center; '>
                            <p><img src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/assets/images/Transfer2TransformLogo-03.png" alt="user" class="" width='200px' height='40px'></p>
                            <strong id='info_schoolname'>SOS TRANSFER2TRANSFORM</strong><br><br>
                            <p id='address' style='margin-top:-5px !important; font-size:14px;'><i class="fa fa-map-marker fa-1x" style="color:rgb(90, 90, 90)"></i> SOS-T2T Office, Migration Unit Ministry of Labour and Social Security, Sierra Leone</p>
                            <p id='address' style='margin-top:-5px !important; font-size:14px;'><i class="fa fa-phone fa-1x" style="color:rgb(90, 90, 90)"></i> +232 74 618886 / +233 56 1111165 / +233 54 9109797 (Whatsapp)</p>
                            <p id='address' style='margin-top:-5px !important; font-size:14px;'><u><i class="fa fa-envelope fa-1x" style="color:rgb(90, 90, 90)"></i> info@sostransfer2transform.com</u></p>
                            <p id='address' style='margin-top:-0px !important; font-size:14px;'><i class="fa fa-map fa-1x" style="color:rgb(90, 90, 90)"></i> <?php echo $location; ?></p><br>
                        </div>

                        <div class='col-md-3' style='text-align:right'>
                            <!-- <img class='profilePhoto' width='130px' height='140px' style='border-radius:30px;'> -->
                        </div>
                    </div>

                    <div class='row' style='margin-bottom:2px !important;'>
                        <div class='col-md-12' style='text-align:center;  padding:0px; '>
                            <p id=form><u><b Style="font-size:20px;">CANDIDATE PROFILE</b></u></p>
                        </div>
                    </div>



                    <div class='row' style='font-size:70%; margin-top:20px;  margin-bottom:-15px !important;'>

                        <div class="col-md-4" style="text-align:center;">
                            <div class="avatar-upload">
                                <div class="avatar-preview ">
                                    <div id="imagePreview" class="imagePreview"></div>
                                </div>
                            </div>
                        </div>
                        <div class='col-md-8' style=' padding:0px; '>
                            <table style="width:98%;  border: 1px solid rgba(198, 198, 198, 0.58) !important; ">
                                <tr>
                                    <th id="table1_hd">A. BASIC INFO</th>

                                </tr>

                                <tr>
                                    <td id='report_thh'>
                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>MLSS SOS No:</span> <span class="candidate_id">N/A</span>
                                            </div>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>DWC:</span> <span class="dwc">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>FULL NAME:</span> <span class="fullname">N/A</span>
                                            </div>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>CURRENT STATUS:</span> <span class="status">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <!-- <?php echo Date('d, M Y', strtotime($dob)); ?> -->
                                                <span style='font-weight:600 !important;'>GENDER:</span> <span class="gender">N/A</span>
                                            </div>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>EMAIL:</span> <span class="email">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>MOBILE NUMBER:</span> <span class="phone">N/A</span>
                                            </div>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>WHATSAPP NUMBER:</span> <span class="whatsapp_no">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>COUNTRY:</span> <span class="country">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>PLACE OF BIRTH:</span> <span class="place_of_birth">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>LIVING TOWN:</span> <span class="living_town">N/A</span>
                                            </div>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>ADDRESS:</span> <span class="address">N/A</span>
                                            </div>
                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>REFFERAL:</span> <span class="referral">N/A</span>
                                            </div>
                                            <!-- <div class='col-md-6'>
                                                <span style='font-weight:600 !important;'>CURRENT CLASS:</span> <?php echo $currentclass; ?>
                                            </div> -->
                                        </div>


                                    </td>
                                </tr>

                            </table>
                        </div>

                        <div class='col-md-6' style=' padding:0px; '>
                            <div class='row'>

                                <div class='col-md-12'>
                                    <table style="width:98%;  border: 1px solid rgba(198, 198, 198, 0.58) !important; ">
                                        <tr>
                                            <th id="table1_hd">B. PERSONAL INFO</th>
                                        </tr>


                                        <tr>
                                            <td id='report_thh'>
                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>MARITAL STATUS:</span> <span class="marital_status">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>CHILDREN:</span> <span class="children">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>RELIGION:</span> <span class="religion">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'> WEIGHT:</span><span class="weight">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'> HEIGHT:</span><span class="height">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'> COMPLEXION:</span><span class="complexion">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'> SCAR/FACIAL OR TRIBAL MARKS/TATTOO?:</span><span class="scars_marks">N/A</span>
                                                    </div>
                                                </div>


                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'> GAPS/CRACKS IN TEETH?:</span><span class="teeth_issue">N/A</span>
                                                    </div>
                                                </div>


                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-6'>
                                                        <span style='font-weight:600 !important;'> FATHER'S NAME:</span><span class="father_name">N/A</span>
                                                    </div>

                                                    <div class='col-md-6'>
                                                        <span style='font-weight:600 !important;'>PHONE NUMBER:</span><span class="father_contact">N/A</span>
                                                    </div>
                                                </div>


                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-6'>
                                                        <span style='font-weight:600 !important;'> MOTHERS'S NAME:</span><span class="mother_name">N/A</span>
                                                    </div>

                                                    <div class='col-md-6'>
                                                        <span style='font-weight:600 !important;'>PHONE NUMBER:</span><span class="mother_contact">N/A</span>
                                                    </div>
                                                </div>


                                            </td>
                                        </tr>

                                    </table>
                                </div>

                            </div>
                        </div>

                        <div class='col-md-6' style=' padding:0px; '>
                            <div class='row' style='font-size:70%;'>
                                <div class='col-md-12'>
                                    <table style="width:98%;  border: 1px solid rgba(198, 198, 198, 0.58) !important; ">
                                        <tr>
                                            <th id="table1_hd">D. EDUCATION INFO</th>

                                        </tr>

                                        <tr>
                                            <td id='report_thh'>
                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>HIGHEST EDUCATION:</span> <span class="qualification">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>SCHOOL:</span> <span class="school">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>ATTENDANCE FROM:</span><span class="education_start_date">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>ATTENDANCE TO:</span> <span class="education_end_date">N/A</span>
                                                    </div>
                                                </div>

                                            </td>
                                        </tr>

                                    </table>
                                </div>

                                <div class='col-md-12' style="margin-top:-30px;">
                                    <table style="width:98%;  border: 1px solid rgba(198, 198, 198, 0.58) !important; ">
                                        <tr>
                                            <th id="table1_hd">C. LANGUAGE ASSESSMENT</th>

                                        </tr>

                                        <tr>
                                            <td id='report_thh'>
                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>ENGLISH:</span> <span class="english">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>ARABIC:</span> <span class="arabic">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>FRENCH:</span> <span class="french">N/A</span>
                                                    </div>
                                                </div>

                                                <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                                    <div class='col-md-12'>
                                                        <span style='font-weight:600 !important;'>OTHER:</span> <span class="other">N/A</span>
                                                    </div>
                                                </div>

                                            </td>
                                        </tr>

                                    </table>
                                </div>


                            </div>

                        </div>

                    </div>



                    <div class='row' style='font-size:70%; margin-top:20px;  margin-bottom:-15px !important;'>
                        <div class='col-md-12' style=' padding:0px; '>
                            <table style="width:98%;  border: 1px solid rgba(198, 198, 198, 0.58) !important; ">
                                <tr>
                                    <th id="table1_hd">E. PASSPORT INFO</th>

                                </tr>

                                <tr>
                                    <td id='report_thh'>
                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>DATE OF BIRTH:</span> <span class="dob">N/A</span>
                                            </div>
                                        </div>
                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>PASSPORT NUMBER</span> <span class="passport_issued_no">N/A</span>
                                            </div>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>ISSUED DATE:</span> <span class="passport_issued_date">N/A</span>
                                            </div>

                                        </div>

                                        <div class='row' style='font-size:9px !important; margin-bottom:2px !important;'>
                                            <div class='col-md-12'>
                                                <span style='font-weight:600 !important;'>EXPIRY DATE:</span> <span class="passport_expiry_date">N/A</span>
                                            </div>
                                        </div>


                                    </td>
                                </tr>

                            </table>
                        </div>


                     

                    </div>




                    <div class='row' style='font-size:70%; margin-top:20px;  margin-bottom:-15px !important;'>
                        <div class='col-md-12' style=' padding:0px; '>
                            <table style="width:98%;  border: 1px solid rgba(198, 198, 198, 0.58) !important; ">
                                <tr>
                                    <th id="table1_hd">OFFICE USE ONLY</th>

                                </tr>


                            </table>
                            <div class='row' style='font-size:70%; margin-top:-25px; '>
                                <div class='col-md-6' style='text-align:left; '>
                                    <?php if (empty($signature)) { ?>
                                        <input type="text" style="width:200px;  border-bottom-style:dotted; margin-top:40px !important;" value='' class="report1_input" id="class_teacher_sign" name='teacher_sign' readonly><br><br>
                                    <?php } else { ?>

                                        <img src="<?php $_SERVER['DOCUMENT_ROOT'] ?>/UPLOADS/signature/<?php echo $signature; ?>" style="width:200px;  border-bottom-style:dotted; border:none !important; box-shadow:none !important;"><br><br>
                                    <?php } ?>
                                    <span style="margin-left:23px;">ADMIN SIGNATURE:</span>
                                </div>


                                <div class='col-md-6' style='text-align:right;  '>
                                    <?php if (empty($head_teacher_signature)) { ?>
                                        <input type="text" style="width:200px;  border-bottom-style:dotted; margin-top:40px !important;" value='' class="report1_input" id="class_teacher_sign" name='teacher_sign' readonly><br><br>
                                    <?php } else { ?>

                                        <img src="<?php $_SERVER['DOCUMENT_ROOT'] ?>/UPLOADS/signature/<?php echo $head_teacher_signature; ?>" style="width:200px;  border-bottom-style:dotted; border:none !important; box-shadow:none !important;"><br><br>
                                    <?php } ?>
                                    <span style="margin-left:23px;">DIRECTOR'S SIGNATURE:</span>
                                </div>
                            </div>
                        </div>



                    </div>



                    <div class='row' style='font-size:70%; margin-top:15px;'>
                        <div class='col-md-12' style='text-align:center; padding:0px;'>
                            <div style="text-align:center; padding:1px 1px 1px;"><label style="font-size:10px !important; color:#5d5d5d !important;">SOFTWARE BY: bravo nets solutions :: 0302953234 :: info@bravonetsconsult.com :: www.bravonetsconsult.com</label></div>
                        </div>
                    </div>

                </div>
            </div>


        </div>
    </div>

    <script src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/dist/js/jQuery.print-master/jquery-1.11.2.min.js"></script>
    <script src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/dist/js/jQuery.print-master/jQuery.print.js"></script>
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> -->

    <script>
        var userId = $('.userId').html();
        $.getJSON(domain_api + "/candidate/candidate.php?userId=" + encodeURIComponent(userId), function(data) {
            sessionStorage.setItem("worker_type", data.candidates_information[0].worker_type);
            sessionStorage.setItem("profile_photo", data.candidates_information[0].profile_photo);
            sessionStorage.setItem("mlss_sos_no", data.candidates_information[0].mlss_sos_no);
            sessionStorage.setItem("email", data.candidates_information[0].email);
            sessionStorage.setItem("phone", data.candidates_information[0].phone);
            sessionStorage.setItem("whatsapp_no", data.candidates_information[0].whatsapp_no);
            sessionStorage.setItem("placement_agency_id", data.candidates_information[0].placement_agency_id);
            sessionStorage.setItem("country_applied_for", data.candidates_information[0].country_applied_for);
            sessionStorage.setItem("job_applied_for", data.candidates_information[0].job_applied_for);
            sessionStorage.setItem("expected_salary", data.candidates_information[0].expected_salary);
            sessionStorage.setItem("title", data.candidates_information[0].title);
            sessionStorage.setItem("first_name", data.candidates_information[0].first_name);
            sessionStorage.setItem("middle_name", data.candidates_information[0].middle_name);
            sessionStorage.setItem("last_name", data.candidates_information[0].last_name);
            sessionStorage.setItem("gender", data.candidates_information[0].gender);
            sessionStorage.setItem("marital_status", data.candidates_information[0].marital_status);
            sessionStorage.setItem("children", data.candidates_information[0].children);
            sessionStorage.setItem("religion", data.candidates_information[0].religion);

            sessionStorage.setItem("father_name", data.candidates_information[0].father_name);
            sessionStorage.setItem("father_contact", data.candidates_information[0].father_phone_no);
            sessionStorage.setItem("mother_name", data.candidates_information[0].mother_name);
            sessionStorage.setItem("mother_contact", data.candidates_information[0].mother_phone_no);



            sessionStorage.setItem("language", data.candidates_information[0].language);
            sessionStorage.setItem("weight", data.candidates_information[0].weight);
            sessionStorage.setItem("height", data.candidates_information[0].height);
            sessionStorage.setItem("complexion", data.candidates_information[0].complexion);
            sessionStorage.setItem("video_link", data.candidates_information[0].video_link);
            sessionStorage.setItem("nationality", data.candidates_information[0].nationality);
            sessionStorage.setItem("place_of_birth", data.candidates_information[0].place_of_birth);

            sessionStorage.setItem("living_town", data.candidates_information[0].living_town);
            sessionStorage.setItem("address", data.candidates_information[0].address);
            sessionStorage.setItem("dob", data.candidates_information[0].dob);
            sessionStorage.setItem("referral", data.candidates_information[0].referral);
            sessionStorage.setItem("worked_oversees", data.candidates_information[0].worked_oversees);
            sessionStorage.setItem("scars_marks", data.candidates_information[0].scars_marks);
            sessionStorage.setItem("teeth_issue", data.candidates_information[0].teeth_issue);
            sessionStorage.setItem("special_need", data.candidates_information[0].special_need);
            sessionStorage.setItem("status_id", data.candidates_information[0].status_id);
            sessionStorage.setItem("status", data.candidates_information[0].status);
            sessionStorage.setItem("date_of_application", data.candidates_information[0].date_of_application);
            sessionStorage.setItem("date_edited", data.candidates_information[0].date_edited);

            sessionStorage.setItem("institution", data.experience[0].institution);
            sessionStorage.setItem("job_title", data.experience[0].job_title);
            sessionStorage.setItem("experience_start_date", data.experience[0].start_date);
            sessionStorage.setItem("experience_end_date", data.experience[0].end_date);

            sessionStorage.setItem("english", data.language_assessment[0].english);
            sessionStorage.setItem("arabic", data.language_assessment[0].arabic);
            sessionStorage.setItem("french", data.language_assessment[0].french);
            sessionStorage.setItem("other", data.language_assessment[0].other);

            sessionStorage.setItem("school", data.education[0].school);
            sessionStorage.setItem("qualification", data.education[0].qualification);
            sessionStorage.setItem("education_start_date", data.education[0].start_date);
            sessionStorage.setItem("education_end_date", data.education[0].end_date);
            sessionStorage.setItem("final_gpa", data.education[0].final_gpa);
            sessionStorage.setItem("overall_gpa", data.education[0].overall_gpa);

            sessionStorage.setItem("passport_issued_no", data.passport[0].issued_no);
            sessionStorage.setItem("passport_issued_date", data.passport[0].issued_date);
            sessionStorage.setItem("passport_expiry_date", data.passport[0].expiry_date);

            var worker_type = sessionStorage.getItem("worker_type");
            var profile_photo = sessionStorage.getItem("profile_photo");
            var mlss_sos_no = sessionStorage.getItem("mlss_sos_no");
            var email = sessionStorage.getItem("email");
            var phone = sessionStorage.getItem("phone");
            var whatsapp_no = sessionStorage.getItem("whatsapp_no");
            var placement_agency_id = sessionStorage.getItem("placement_agency_id");
            var country_applied_for = sessionStorage.getItem("country_applied_for");
            var job_applied_for = sessionStorage.getItem("job_applied_for");
            var expected_salary = sessionStorage.getItem("expected_salary");
            var title = sessionStorage.getItem("title");
            var first_name = sessionStorage.getItem("first_name");
            var middle_name = sessionStorage.getItem("middle_name");
            var last_name = sessionStorage.getItem("last_name");
            var gender = sessionStorage.getItem("gender");
            var marital_status = sessionStorage.getItem("marital_status");
            var children = sessionStorage.getItem("children");
            var religion = sessionStorage.getItem("religion");

            var father_name = sessionStorage.getItem("father_name");
            var father_contact = sessionStorage.getItem("father_contact");
            var mother_name = sessionStorage.getItem("mother_name");
            var mother_contact = sessionStorage.getItem("mother_contact");


            var language = sessionStorage.getItem("language");
            var weight = sessionStorage.getItem("weight");
            var height = sessionStorage.getItem("height");
            var complexion = sessionStorage.getItem("complexion");
            var video_link = sessionStorage.getItem("video_link");
            var nationality = sessionStorage.getItem("nationality");
            var place_of_birth = sessionStorage.getItem("place_of_birth");
            var living_town = sessionStorage.getItem("living_town");
            var address = sessionStorage.getItem("address");
            var dob = sessionStorage.getItem("dob");
            var referral = sessionStorage.getItem("referral");
            var worked_oversees = sessionStorage.getItem("worked_oversees");
            var scars_marks = sessionStorage.getItem("scars_marks");
            var teeth_issue = sessionStorage.getItem("teeth_issue");
            var special_need = sessionStorage.getItem("special_need");
            var status_id = sessionStorage.getItem("status_id");
            var status = sessionStorage.getItem("status");
            var date_of_application = sessionStorage.getItem("date_of_application");
            var date_edited = sessionStorage.getItem("date_edited");

            var institution = sessionStorage.getItem("institution");
            var job_title = sessionStorage.getItem("job_title");
            var experience_start_date = sessionStorage.getItem("experience_start_date");
            var experience_end_date = sessionStorage.getItem("experience_end_date");

            var school = sessionStorage.getItem("school");
            var qualification = sessionStorage.getItem("qualification");
            var field = sessionStorage.getItem("field");
            var education_start_date = sessionStorage.getItem("education_start_date");
            var education_end_date = sessionStorage.getItem("education_end_date");

            var english = sessionStorage.getItem("english");
            var arabic = sessionStorage.getItem("arabic");
            var french = sessionStorage.getItem("french");
            var other = sessionStorage.getItem("other");

            var country_applied_for = sessionStorage.getItem("country_applied_for");


            var final_gpa = sessionStorage.getItem("final_gpa");
            var overall_gpa = sessionStorage.getItem("overall_gpa");

            var passport_issued_no = sessionStorage.getItem("passport_issued_no");
            var passport_issued_date = sessionStorage.getItem("passport_issued_date");
            var passport_expiry_date = sessionStorage.getItem("passport_expiry_date");

            $('.imagePreview').attr('style', "background: url(" + domain_api + "/uploads/profile-photos/" + encodeURIComponent(profile_photo) + ") no-repeat !important; background-position: center !important; background-size:99% !important");

            $(".fullname").html(title + " " + first_name + " " + middle_name + " " + last_name + "");
            $(".candidate_id").html(mlss_sos_no);
            $(".country").html(nationality);
            $(".place_of_birth").html(place_of_birth);
            $(".living_town").html(living_town);
            $(".address").html(address);
            $(".referral").html(referral);
            $(".marital_status").html(marital_status);
            $(".children").html(children);
            $(".religion").html(religion);
            $(".language").html(language);
            $(".weight").html(weight + " kg");
            $(".height").html(height + " cm");
            $(".complexion").html(complexion);
            $(".scars_marks").html(scars_marks);
            $(".teeth_issue").html(teeth_issue);

            $(".father_name").html(father_name);
            $(".father_contact").html(father_contact);
            $(".mother_name").html(mother_name);
            $(".mother_contact").html(mother_contact);

            $(".dwc").html(job_applied_for);
            $(".gender").html(gender);
            $(".email").html(email);
            $(".phone").html(phone);
            $(".whatsapp_no").html(whatsapp_no);

            $(".qualification").html(qualification);
            $(".field").html(field);
            $(".school").html(school);
            $(".education_start_date").html(education_start_date);
            $(".education_end_date").html(education_end_date);
            $(".final_gpa").html(final_gpa);
            $(".overall_gpa").html(overall_gpa);

            $(".english").html(english);
            $(".arabic").html(arabic);
            $(".french").html(french);
            $(".other").html(other);


            $(".country_applied_for").html(country_applied_for);
            $(".expected_salary").html(expected_salary);

            $(".dob").html(dob);
            $(".passport_issued_no").html(passport_issued_no);
            $(".passport_issued_date").html(passport_issued_date);
            $(".passport_expiry_date").html(passport_expiry_date);
            // $(".whatsapp_no").html(whatsapp_no);

            $(".institution").html(institution);
            $(".job_title").html(job_title);
            $(".job_id").html(job_id);
            $(".experience_start_date").html(experience_start_date);
            $(".experience_end_date").html(experience_end_date);
            $(".status").html(status);
            $(".vaccine").empty();
            $.each(data.vaccine, function(key, value) {
                $(".vaccine").append("<tr>" +
                    "<td style='color:black;'>Vaccine Type</td>" +
                    "<td style='color:black;'>" + value.drug_name + " (" + value.date + ")</td>" +
                    +"</tr>")
            })

            $(".page").show();
            $.print(".page");


        });




        setTimeout(function() {
            window.close();
        }, 1000);
    </script>

</body>

</html>