<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<?php $__env->startSection('header-script'); ?>

    <?php echo $__env->make('admin.layouts.dashboard-header-script', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php $__env->stopSection(); ?>

<script type="text/javascript">

    <?php





    ?>

    $(document).ready(function () {

        $('#another-element').hide("slide")

        $("#myelement").click(function () {

            $('#another-element').show("slide")

        });

    });





    jQuery(function ($) {

        $('#timeTable').hide("slide")

        $('#myelement').on('click', doCount);

    });



    function doCount() {

        $('#timeTable').show("slide")

        var counter = "";

        setInterval(function () {

            counter--;

            if (counter >= 0) {

                span = document.getElementById("count");

                span.innerHTML = counter;

            }

            if (counter === 0) {



                stopSound();

                alert('Time Out');

                sound.currentTime = 0;

                clearInterval(counter);

            }

        }, 1000);

    }



    function PlaySound() {

        var sound = document.getElementById("audio");

        sound.play()

    }



    function stopSound() {

        var sound = document.getElementById("audio");

        sound.pause();



    }

</script>

<?php $__env->startSection('content'); ?>

    <?php

    $user = Auth::user();

    ?>

    <div class="container">

        <div class="row">

            <div class="col-md-6 col-md-offset-3">

                <div class="panel panel-default">

                    <div class="panel-heading">

                        <img src="<?php echo e(url('public/images/soty.png')); ?>" alt="image not fopund"

                             style="width:100%; height:15%;"/>

                    </div>

                    <div class="panel-body">
                                    <div id="printableArea">
                                        <div class="print-preview-box">
                                            <style type="text/css">
                                                .print-preview-box {
                                                    padding: 20px;
                                                    background: #f5f5f5;
                                                    border: 7px double #0c8040;
                                                }

                                                .top-banar {
                                                    text-align: center;
                                                    background: #fff;
                                                    padding: 10px;
                                                }

                                                .top-banar h2 {
                                                    font-size: 20px;
                                                    margin-top: 10px;
                                                    margin-bottom: 0px;
                                                }

                                                .top-banar h3 {
                                                    font-size: 17px;
                                                    margin-top: 10px;
                                                    color: #222;
                                                    margin-bottom: 0px;
                                                }

                                                .personal-info-box {
                                                    padding: 10px;
                                                    background: #fff;
                                                }

                                                .main-content-box {
                                                    padding: 10px;
                                                    background: #fff;
                                                }

                                                .main-content-box h2 {
                                                    font-size: 16px;
                                                    padding-bottom: 8px;
                                                    border-bottom: 1px solid #f5f5f5;
                                                }

                                               .info-text-box p {
    border-bottom: 0px ;
    margin-bottom: 20px;
}

                                                .info-text-box p b {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    margin-right: 6px;
}
.info-text-box p span{
    font-size: 15px;
}

                                                .info-text-box p b:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    height: 5px;
    background: #fff;
    bottom: -8px;
}
                                                h2.mar-top-10 {
                                                    margin-top: 10px;
                                                }

                                                .authorised-box {
                                                    margin-top: 0px;
                                                    background: #fff;
                                                }

                                                @media  print and (color) {
                                                    * {
                                                        -webkit-print-color-adjust: exact;
                                                        print-color-adjust: exact;
                                                    }
                                                }
                                            </style>
                                            <div class="top-banar">
                                                <img src="<?php echo e(url('public/images/soty.png')); ?>" alt="image not fopund" style="height: 50px;" />
                                                <h2>আয়োজনে: <span id="category_show"><?php echo e($user->category); ?></span></h2>
                                                <h3>রেজিস্ট্রেশন ফরম</h3>
                                            </div>
                                            <div class="main-content-box">
                                                <h2 class="text-center">শিক্ষার্থীর তথ্য</h2>
                                                <div class="row">
                                                    <div class="col-md-9" style="width: 80%;float: left;">
                                                        <div class="info-text-box">
                                                            <p><b>শিক্ষার্থীর নাম : </b> <span id="name_show"><?php echo e($user->name); ?></span></p>
                                                            <p><b>স্কুল/প্রতিষ্ঠানের নাম : </b><span id="sibling_show"><?php echo e($user->institute); ?></span></p>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-4 info-text-box" style="width: 33.33%; float: left">
                                                                 <p><b>শ্রেণি : </b> <span id="class_show"><?php echo e($user->class); ?></span></p>
                                                            </div>
                                                            <div class="col-md-4 info-text-box" style="width: 33.33%; float: left">
                                                                <p><b>রোল নন্মর : </b> <span id="roll_show"><?php echo e($user->roll); ?></span></p>
                                                            </div>
                                                            <div class="col-md-4 info-text-box" style="width: 33.33%; float: left">
                                                                <p><b>শাথা: </b> </b> <span id="section_show"><?php echo e($user->section); ?></span></span></p>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-4 info-text-box" style="width: 33.33%; float: left">
                                                                 <p><b>বিভাগ  : </b> <span id="group_show"><?php echo e($user->group_name); ?></span></p>
                                                            </div>
                                                            <div class="col-md-4 info-text-box" style="width: 33.33%; float: left">
                                                                <p><b>রক্ত : </b> <span id="bloodgroup_show"><?php echo e($user->bloodgroup); ?></span></p>
                                                            </div>
                                                            <div class="col-md-4 info-text-box" style="width: 33.33%; float: left">
                                                                <p><b>সেশন : </b> <span id="session_show"><?php echo e($user->session); ?></span></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 text-right" style="width: 20%;float: left;">
                                                         <img src="<?php echo e('public/images'); ?>/<?php echo e($user->picture); ?>"
id="picture_show" style="height: 120px;"/>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6 info-text-box" style="width: 50%; float: left">
                                                        <p><b>জন্মতারিখ : </b> <span id="dob_show"><?php echo e($user->age); ?></span></p>
                                                    </div>
                                                    <div class="col-md-6 info-text-box" style="width: 50%; float: left">
                                                        <p><b>বয়স (বছর ও মাস): </b> <span id="age_show"><?php echo e($user->year); ?></span></p>
                                                    </div>
                                                    <div class="col-md-12 info-text-box">
                                                        <p><b>শিক্ষার্থীর শখ : </b> <span id="hobby_show"><?php echo e($user->hobby); ?></span></p>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-6" style="width: 50%;float: left;">
                                                        <div class="info-text-box">
                                                            <p><b>শিক্ষার্থীর ই-মেইল : </b> <span id="email_show"><?php echo e($user->email); ?></span></p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6" style="width: 50%;float: left;">
                                                        <div class="info-text-box">
                                                           
                                                            <p><b>মুঠোফোন: </b> <span id="mobile_show"><?php echo e($user->mobile); ?></span></p>
                                                            
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="info-text-box">
                                                            <p><b>দক্ষতা : </b> <span id="skill_show"><?php echo e($user->skill); ?></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                               <h2 class="text-center" style="margin-top: 10px;">পিতামাতার তথ্য </h2>
                                                <div class="row">
                                                    <div class="col-md-8" style="width: 60%;float: left;">
                                                        <div class="info-text-box">
                                                            <p><b>বাবার নাম : </b> <span id="fathername_show"><?php echo e($user->fathername); ?></span></p>
                                                            <p><b>মার নাম : </b> <span id="mothername_show"><?php echo e($user->mothername); ?></span></p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" style="width: 40%;float: left;">
                                                        <div class="info-text-box">
                                                            <p><b>বাবার পেশা : </b> <span id="f_occupation_show"><?php echo e($user->f_occupation); ?></span></p>
                                                            <p><b>মায়ের পেশা : </b> <span id="m_occupation_show"><?php echo e($user->m_occupation); ?></span></p>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-12">
                                                        <div class="info-text-box">
                                                            <p><b>বর্তমান ঠিকানা : </b> <span id="present_address_show"><?php echo e($user->present_address); ?></span></p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="info-text-box">
                                                            <p><b>স্থায়ী ঠিকানা : </b> <span id="parmanent_address_show"><?php echo e($user->parmanent_address); ?></span></p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="authorised-box">
                                                    
                                                    <hr>
                                                    <br>
                                                    <br>
                                                    <div class="clearfix"></div>
                                                    <div class="row">
                                                        <div class="col-md-4 text-center" style="width: 25%; float: left">
                                                            <b style="
    border-top: 2px dotted #000;
    padding-top: 6px;
    ">শিক্ষার্থীর স্বাক্ষর </b>
                                                        </div>
                                                        <div class="col-md-4 text-center" style="width: 30%; float: left">
                                                            <b style="
    border-top: 2px dotted #000;
    padding-top: 6px;
    ">প্রতিষ্ঠান প্রধানের স্বাক্ষর </b>
                                                        </div>
                                                        <div class="col-md-4 text-center" style="width: 45%; float: left">
                                                            <b style="
    border-top: 2px dotted #000;
    padding-top: 6px;
    " >পরিচালক,
ষ্টুডেন্ট অব দ্যা ইয়ার</b>
                                                        </div>
                                                    </div>
                                                    
                                                    
                                                    
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>
                                    </div>
                                   <input class="pull-right" style="margin-top: 10px;cursor: pointer;

                                                background: #ed1e26;

                                                border: 0px;

                                                color: #fff;

                                                padding: 5px 15px;

                                                font-weight: bold;" type="button" onclick="printDiv('printableArea')"

                                   value="Print"/>
                                </div>

                </div>

            </div>

        </div>

    </div>



    <!-- Footer -->

<?php $__env->startSection('footer'); ?>

    <?php echo $__env->make('admin.layouts.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php $__env->stopSection(); ?>

<!-- End Footer -->



<?php $__env->stopSection(); ?>



<?php $__env->startSection('footer-script'); ?>

    <script type="text/javascript">

        function printDiv(divName) {

            var printContents = document.getElementById(divName).innerHTML;

            var originalContents = document.body.innerHTML;



            document.body.innerHTML = printContents;



            window.print();



            document.body.innerHTML = originalContents;

        }

    </script>

    <?php echo $__env->make('admin.layouts.dashboard-footer-script', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layouts.app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>