<div class='panel panel-primary'>
    <div class='panel-body'>
        <div class='row'>
            <div class='col-xs-2 col-sm-2 col-md-2 text-center'>
                <img class='img-rounded img-responsive' src='../<?php echo $school_logo; ?>' alt='logo'/>
            </div>

            <div class='col-xs-8 col-sm-8 col-md-8 text-center'>
                <h3><?php echo $school_name; ?></h3>
                <p class='text-danger'>
                <?php echo $school_motto; ?><br/>
                </p>
                <p class='text-danger'>
                <?php echo $school_address; ?><br/>
                </p>
            </div>

            <div class='col-xs-2 col-sm-2 col-md-2 text-center text-responsive'> 
                <img src='../<?php echo $passport; ?>' class='img-rounded img-responsive' alt='logo' />
            </div>
        </div>
        <hr />

		<div class='row'>
            <div class='col-xs-4 col-md-4'>
                <legend>Bio-Data</legend>
                <p><b>First Name:</b> <?php echo $surname; ?></p>
                <p><b>Other Name:</b> <?php echo $othername; ?></p>
                <p><b>Last Name:</b> <?php echo $lastname; ?></p>
                <p><b>Sex:</b> <?php echo $student_gender; ?></p>
                <p><b>Height:</b> <?php echo $height; ?>ft</p>
				<p><b>Weight:</b> <?php echo $weight; ?>kg</p>
                <p><b>LGA:</b> <?php echo $student_lga; ?></p>
                <p><b>State:</b> <?php echo $student_state; ?></p>
                <p><b>Nationality:</b> <?php echo $student_nationality; ?></p>
				<p><b>Club:</b> <?php echo $club; ?></p>
				<p><b>Health Conditions:</b> <?php echo $health_conditions; ?></p>
            </div>
            <div class='col-xs-4 col-md-4'>
                <legend>Birthday</legend>
                <p><b>Age:</b> <?php echo $student_age; ?> years</p>
                <p><b>Date:</b> <?php echo $student_dob; ?></p>

            </div>
            <div class='col-xs-4 col-md-4'>
                <legend>Guardian & Contact</legend>
		            <p><b>Name:</b> <?php echo $guardian_name; ?></p>
                <p><b>Address:</b> <?php echo $student_address; ?></p>
                <p><b>Phone No:</b> <?php echo $guardian_phone; ?></p>
                <p><b>Occupation:</b> <?php echo $guardian_occupation; ?></p>
            </div>
        </div>
        <br />

        <div class='row'>
            <div class='col-xs-4 col-md-4'>
                <legend>Academics</legend>
                <p><b>Registration No:</b> <?php echo $student_reg_number; ?></p>                
                <p><b>Class:</b> <?php echo $student_class; ?></p>
                <p><b>Level:</b> <?php echo $student_level; ?></p>
            </div>
            <div class='col-xs-4 col-md-4'>
                <legend>Registered</legend>
                <p><b>Date:</b> <?php echo $student_reg_date; ?></p>

            </div>
        </div>
        <br/>
        <hr/>

        <div class='row'>
            <div class='col-xs-12 col-md-12 text-center'>
                <em>
                    <strong>NOTE:</strong>Keep this slip safe, you will require this for effective service of your school portal. 
                    We are always ready to asisst in any way we can. 
                    <br/>
                    <button type='button' class='btn btn-primary noprint' onclick='window.print()' value='print a div!'><i class='fa fa-print'></i> Print</button>
                    <a class='noprint btn btn-danger' href='student_dashboard.php'><i class='fa fa-remove'></i> Close Slip</a> 
                </em>
            </div>
        </div>

    </div>
</div>
