BossBey File Manager

Editing: recruitment-form.php

<?php /*Template Name: Recruitment Form*/ ?>
<?php

include('dbconfig.php');
	require_once('PHPMailer/PHPMailerAutoload.php');

$msg='';
    $par='';
    if(isset($_POST['btn'])){

// echo "<pre>";print_r($_POST);die();

$member=count($_POST['member_name']);

$member_arr=array();
        for($i=0;$i<$member;$i++){

$member_arr[$i]['member_name'] = str_replace("'","",$_POST['member_name'][$i]);
        	$member_arr[$i]['member_relationship'] = str_replace("'","",$_POST['member_relationship'][$i]);
        	$member_arr[$i]['member_age'] = str_replace("'","",$_POST['member_age'][$i]);
        	$member_arr[$i]['member_occup'] = str_replace("'","",$_POST['member_occup'][$i]);

}

$r20 = serialize($member_arr);

$qualification=count($_POST['class_degree']);

$qualification_arr=array();
        for($i=0;$i<$qualification;$i++){

$qualification_arr[$i]['class_degree'] = str_replace("'","",$_POST['class_degree'][$i]);
        	$qualification_arr[$i]['institution_name'] = str_replace("'","",$_POST['institution_name'][$i]);
        	$qualification_arr[$i]['board'] = str_replace("'","",$_POST['board'][$i]);
        	$qualification_arr[$i]['passing_year'] = str_replace("'","",$_POST['passing_year'][$i]);
        	$qualification_arr[$i]['subject_studied'] = str_replace("'","",$_POST['subject_studied'][$i]);
        	$qualification_arr[$i]['percentage'] = str_replace("'","",$_POST['percentage'][$i]);

}

$r24=serialize($qualification_arr);

$experience=count($_POST['experience_institution']);

$experience_arr=array();
        for($i=0;$i<$experience;$i++){

$experience_arr[$i]['experience_institution'] = str_replace("'","",$_POST['experience_institution'][$i]);
        	$experience_arr[$i]['goverment_recognized'] = str_replace("'","",$_POST['goverment_recognized'][$i]);
        	$experience_arr[$i]['post_held'] = str_replace("'","",$_POST['post_held'][$i]);
        	$experience_arr[$i]['period_from'] = str_replace("'","",$_POST['period_from'][$i]);
        	$experience_arr[$i]['period_to'] = str_replace("'","",$_POST['period_to'][$i]);
        	$experience_arr[$i]['classes_taught'] = str_replace("'","",$_POST['classes_taught'][$i]);
        	$experience_arr[$i]['subject_taught'] = str_replace("'","",$_POST['subject_taught'][$i]);
        	$experience_arr[$i]['leaving_reason'] = str_replace("'","",$_POST['leaving_reason'][$i]);

}

$r25=serialize($experience_arr);

$r26_year = str_replace("'","",$_POST['r26_year']);
        $r26_month = str_replace("'","",$_POST['r26_month']);

$r26 = $r26_year.','.$r26_month;

$r27 = str_replace("'","",$_POST['r27_basic']).','.str_replace("'","",$_POST['r27_allowances']).','.str_replace("'","",$_POST['r27_total']);

$r31='';
        if(!empty($_POST['r31'])){
        	$r31=implode(',',$_POST['r31']);
        }

$r31_other=str_replace("'","",$_POST['r31_other']);

if($r31 != ''){
        	$r31=$r31.','.$r31_other;
        }else{
        	$r31 = $r31_other;
        }

$r33='';
        if(!empty($_POST['r33'])){
        	$r33=implode(',',$_POST['r33']);
        }

$r33_other=str_replace("'","",$_POST['r33_other']);

if($r33 != ''){
        	$r33=$r33.','.$r33_other;
        }else{
        	$r33 = $r33_other;
        }

$r40 = str_replace("'","",$_POST['r40_name']).'@'.str_replace("'","",$_POST['r40_designation']).'@'.str_replace("'","",$_POST['r40_address']).'@'.str_replace("'","",$_POST['r40_tel']);
        $r41 = str_replace("'","",$_POST['r41_name']).'@'.str_replace("'","",$_POST['r41_designation']).'@'.str_replace("'","",$_POST['r41_address']).'@'.str_replace("'","",$_POST['r41_tel']);

$photo_name=$_POST["r2"].str_replace("'","",$_FILES["r46"]["name"]);
        $signature_name=$_POST["r2"].str_replace("'","",$_FILES["r45"]["name"]);
        $path = 'upload/recruitment_forms/' .$photo_name;
        move_uploaded_file($_FILES["r46"]["tmp_name"], $path);

$path2 = 'upload/signature/' . $signature_name;
        move_uploaded_file($_FILES["r45"]["tmp_name"], $path2);

$res = "SELECT * FROM recruitment_form";
        $result = mysqli_query($conn, $res);

$insert=array();
        while ($row = mysqli_fetch_all($result,MYSQLI_ASSOC)){
            
            foreach($row as $r){

if($r['column_name'] == 'r20'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r20)."'";
            	}elseif($r['column_name'] == 'r24'){
            		$insert[$r['column_name']] = "'".str_replace("","'",$r24)."'";
            	}elseif($r['column_name'] == 'r25'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r25)."'";
            	}elseif($r['column_name'] == 'r26'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r26)."'";
            	}elseif($r['column_name'] == 'r27'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r27)."'";
            	}elseif($r['column_name'] == 'r31'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r31)."'";
            	}elseif($r['column_name'] == 'r33'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r33)."'";
            	}elseif($r['column_name'] == 'r40'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r40)."'";
            	}elseif($r['column_name'] == 'r41'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$r41)."'";
            	}elseif($r['column_name'] == 'r46'){
            		$insert[$r['column_name']] = "'".str_replace("'","",$photo_name)."'";
            	}elseif($r['column_name'] == 'r45'){
                    $insert[$r['column_name']] = "'".str_replace("'","",$signature_name)."'";
                }else{
                    $insert[$r['column_name']] = "'".str_replace("'","",$_POST[$r['column_name']])."'";
                }
            	
            }

}

$insert['added_on'] = "'".date('Y-m-d')."'";

$col=array_keys($insert);
        $col_value=array_values($insert);

// echo str_replace("'","",$col_value[29]);
        // echo "<pre>";print_r($col);
        // echo "<pre>";print_r($col_value);
        // echo "<pre>";print_r($insert);
        // echo implode(',',$col);
        // echo implode(',',$col_value);
        // die();
        // echo implode(',', $col_value);

// die();

// Attempt insert query execution
        $sql = "INSERT INTO recruitment_form_details (".implode(',',$col).") VALUES (".implode(',',$col_value).")";
        if(mysqli_query($conn, $sql)){
			
            
			$mail_text = 'Dear '.$_POST["r2"].', <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Thankyou for applying for the post of '.$_POST["r1"].' your response has been recorded successfully.<br>Team VSS Raipur';
			$mailto = $_POST["r10"];
			// echo $mailto; 
			// echo 'aaa'.$mail_text; die();
			
			
			include "PHPMailer/class.phpmailer.php";
			$host = 'mail.skoolroom.in';
			$port = 465;
			//$to = 'devendersinghdeva@gmail.com';
			$to = $mailto;
			$toname = $_POST["r2"];
			$username = "hr@vssraipur.com";
			$from = "hr@vssraipur.com";
			$fromname= 'VSS Recruitments';
			$reply = "hr@vssraipur.com";
			$replyname = "hr@vssraipur.com";
			$password = "DPHkyXx}1,E6";
			$subject = 'Application Received';
			
			$mail = new PHPMailer;
			$mail->isSMTP();
			$mail->SMTPAuth = true;
			$mail->Host = $host;  
			$mail->Username = $username;
			$mail->Password = $password;                           
			$mail->SMTPSecure = 'ssl';                            
			$mail->Port = $port;   
			$mail->IsHTML(true);
			$mail->setFrom($reply, $fromname);
			$mail->addReplyTo($reply, $replyname);
			$mail->addAddress($to, $toname);
			$mail->Subject = $subject; 
			$mail->Body = $mail_text;
			if($mail->Send()){
				$msg = '<div class="alert alert-success" role="alert">You have successfully registered.</div>';
				$par = 'success';
			}else{
				// echo 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'; die();
			}
			
        }

}
    
    
?>

<!DOCTYPE html>
<html>

<head>
    <title>venkateshwarsignatureschool</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="js/datepicker.js"></script>
    <link rel="stylesheet" href="css/datepicker.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="icon/favicon.png" rel="shortcut icon">
</head>

<body>
    <style type="text/css">
        .container{max-width:1170px;margin:auto}.bottom,.btn-lg,.sticky-wrapper,footer{display:none}@font-face{font-family:angers_scriptregular;src:url(fonts/angers_script-webfont.woff2) format('woff2'),url(fonts/angers_script-webfont.woff) format('woff')}.file_upload{width:200px;height:200px;border:2px solid #dddd}.border-bottom,textarea{background:0 0;border:none!important;border-bottom:1px solid #000!important;box-shadow:none!important;outline:0!important;width:100%}table tbody tr td,table thead tr th{padding:5px;font-size:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}table thead tr th{font-weight:700}.thead{text-align:center;font-weight:700;font-style:italic;text-transform:capitalize;font-size:1.5em}.heading{text-align:center;font-size:2.2em;text-transform:capitalize;font-weight:700}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}.bootstrap-select>.dropdown-toggle{white-space:normal!important;color:#000!important;background:#fff;border-color:#000}.open>.dropdown-toggle.btn-default{color:#333;background-color:#fff;border-color:#000}.swal2-select{display: none !important;}
    </style>
    
    <div class="container" id="print_form">
        <form method="post" name="recruitment_form" id="recruitment_form" enctype="multipart/form-data">
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>
                            <img src="images/VSS-Letterhead.jpg" style="max-width: 100%;">
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>
                            <div class="file_upload" style="overflow:hidden;"><img src="#" id="photo_preview" style="max-width: 100%;display: none;"></div>
                            <input type="file" name="r46" id="r46" class="form-control" accept=".jpg,.png,.jpeg">
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td><strong>1.- Post applied for</strong></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width:27%;">(as per the advertisement) <span>*</span> -:</td>
                        <td><input type="text" name="r1" id="r1" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 36%;">2.- Name of the applicant-: Miss/Mrs/Mr <span>*</span></td>
                        <td><input type="text" name="r2" id="r2" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 18%;">3.- Date of birth <span>*</span> -:</td>
                        <td><input type="text" name="r3" id="r3" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 11%;">4.- Age <span>*</span> -:</td>
                        <td><input type="number" name="r4" id="r4" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td style="width: 5%;">Years</td>
                        <td><input type="number" name="r5" id="r5" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td style="width: 6%;">Months</td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 25%;">5.- Permanent Address <span>*</span> -:</td>
                        <td><textarea type="text" name="r7" id="r7" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 20%;">6.- Telephone No. -: </td>
                        <td><input type="number" name="r8" id="r8" class="border-bottom" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td>Mobile no. <span>*</span></td>
                        <td><input type="number" name="r9" id="r9" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 21%;">7.- E-mail address. <span>*</span> -: </td>
                        <td><input type="text" name="r10" id="r10" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 28%;">8.- Marital status (tick mark) <span>*</span> -:</td>
                        <td>
                            <label for="radio1">
                                <span><input type="radio" name="r11" id="r11" value="Unmarried" checked> Unmarried</span>
                            </label>
                            <label for="radio2">
                                <span><input type="radio" name="r11" id="r11" value="Married"> Married</span>
                            </label>
                            <label for="radio3">
                                <span><input type="radio" name="r11" id="r11" value="Widow"> Widow</span>
                            </label>
                            <label for="radio4">
                                <span><input type="radio" name="r11" id="r11" value="Divorced"> Divorced</span>
                            </label>
                            <label for="radio5">
                                <span><input type="radio" name="r11" id="r11" value="Separated"> Separated</span>
                            </label>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 17%;">9.- Nationality. <span>*</span> -: </td>
                        <td><input type="text" name="r12" id="r12" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td style="width: 11%;">Religion. <span>*</span></td>
                        <td><input type="text" name="r13" id="r13" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 27%;">a) Name of father / spouse <span>*</span> : </td>
                        <td><input type="text" name="r14" id="r14" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td style="width: 11%;">Religion <span>*</span></td>
                        <td><input type="text" name="r15" id="r15" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 30%;">b) Occupation and designation <span>*</span> :</td>
                        <td><input type="text" name="r16" id="r16" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 28%;">c) Complete office address <span>*</span> :</td>
                        <td><textarea id="r17" name="r17" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 23%;">d) Telephone number <span>*</span> :</td>
                        <td><input type="number" name="r18" id="r18" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;break-inside: avoid;">
                <tbody>
                    <tr>
                        <td style="width: 20%;">e) Mobile number <span>*</span> -:</td>
                        <td><input type="number" name="r19" id="r19" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;margin-top:20px;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>11.- Details of other family members (children, dependents etc.) <span>*</span> </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;text-align: center;" border="1" class="table_border">
            	<input type="hidden" name="member_count" id="member_count" value="2">
                <thead>
                    <tr>
                        <th></th>
                        <th>Name</th>
                        <th>Relationship</th>
                        <th>Age</th>
                        <th>Studying / Working / Other (Pls. specify)</th>
                        <th class="hide_column">Action</th>
                    </tr>
                </thead>
                <tbody id="member_body">
                    <tr>
                        <td>1</td>
                        <td><input type="text" name="member_name[]" id="member_name" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="member_relationship[]" id="member_relationship" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="number" name="member_age[]" id="member_age" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="member_occup[]" id="member_occup" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td class="hide_column"><a onclick="add_member()" class="btn btn-success">Add row</a></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;margin-top:20px;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>12.- Fluency in languages <span>*</span></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 12%;">a) Spoken:</td>
                        <td><input type="text" name="r21" id="r21" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 12%;">b) Written:</td>
                        <td><input type="text" name="r22" id="r22" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>13. Particulars of travel abroad, if any, stating the purpose of the visit.</td>
                    </tr>
                    <tr>
                        <td><textarea id="r23" name="r23" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>14.- Academic and Professional Qualifications in chronological order from Matriculation Level onwards. <span>*</span></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;text-align: center;margin-bottom: 20px;" border="1" class="table_border">
            	<input type="hidden" name="qualification_count" id="qualification_count" value="1">
                <thead>
                    <tr>
                        <th>Class/ <br /> Degree</th>
                        <th>Name of the Institution</th>
                        <th>Board/ Univ.</th>
                        <th>Year of Passing</th>
                        <th>Subjects Studied</th>
                        <th>Percentage <br /> of marks</th>
                        <th class="hide_column">Action</th>
                    </tr>
                </thead>
                <tbody id="qualification_body">
                    <tr id="quarow">
                        <td><select name="class_degree[]" id="ckass_degree" class="form-control" required><option value="X">X</option><option value="XII">XII</option><option value="B.A./B.Sc./">B.A./B.Sc./</option><option value="B.Com">B.Com</option><option value="M.A./M.Sc./">M.A./M.Sc./</option><option value="M.Com">M.Com</option><option value="B.Ed">B.Ed</option><option value="CTET">CTET</option><option value="Any other">Any other</option></select></td>
                        <td><input type="text" name="institution_name[]" id="institution_name" class="form-control" value="" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="board[]" id="board" class="form-control" value="" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="number" name="passing_year[]" id="passing_year" class="form-control" value="" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="subject_studied[]" id="subject_studied" class="form-control" value="" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="percentage[]" id="percentage" class="form-control" value="" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td class="hide_column"><a onclick="add_qualification()" class="btn btn-success">Add row</a></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>15.- Details of Teaching Experience /Employment <span>*</span></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;text-align: center;margin-bottom: 30px;" border="1" class="table_border">
            	<input type="hidden" name="experience_count" id="experience_count" value="2">
                <tbody  id="experience_body">
                    <tr>
                        <td rowspan="2">S.No</td>
                        <td rowspan="2">Name of the Institution</td>
                        <td rowspan="2">Govt. Recognized or not</td>
                        <td rowspan="2">Post held</td>
                        <td colspan="2">Period of service</td>
                        <td rowspan="2">Classes taught</td>
                        <td rowspan="2">Subjects taught</td>
                        <td rowspan="2">Reasons for leaving</td>
                        <td rowspan="2" class="hide_column">Action</td>
                    </tr>
                    <tr>
                        <td>from</td>
                        <td>to</td>
                    </tr>
                    <tr id="exprow_">
                        <td>1</td>
                        <td><input type="text" name="experience_institution[]" id="experience_institution" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="goverment_recognized[]" id="goverment_recognized" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="post_held[]" id="post_held" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="period_from[]" id="period_from" value="" class="form-control period_from" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="period_to[]" id="period_to" value="" class="form-control period_to" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="classes_taught[]" id="classes_taught" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="subject_taught[]" id="subject_taught" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td><input type="text" name="leaving_reason[]" id="leaving_reason" value="" class="form-control" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td class="hide_column"><a onclick="add_experience()" class="btn btn-success">Add row</a></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 28%;">16. Total teaching experience <span>*</span> :</td>
                        <td><input type="number" name="r26_year" id="r26_year" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td style="width: 5%;">Years</td>
                        <td><input type="number" name="r26_month" id="r26_month" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                        <td style="width: 6%;">Months</td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 25%;vertical-align: top;" rowspan="4">17.- Last salary drawn <span>*</span> -: </td>
                    </tr>
                    <tr>
                        <td style="width: 5%;">Basic</td>
                        <td><input type="number" name="r27_basic" id="r27_basic" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                    <tr>
                        <td style="width: 8%;">Allowances</td>
                        <td><input type="text" name="r27_allowances" id="r27_allowances" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                    <tr>
                        <td style="width: 6%;">Total</td>
                        <td><input type="number" name="r27_total" id="r27_total" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>18.- State the subjects and classes which you would prefer to teach <span>*</span></td>
                    </tr>
                    <tr>
                        <td><textarea id="r28" name="r28" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>19.- Give details of your administrative experience or any responsibility /duty executed as Incharge. <span>*</span> </td>
                    </tr>
                    <tr>
                        <td><textarea id="r29" name="r29" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>20.- Give details of Seminars /Workshop attended by you in the last three years.</td>
                    </tr>
                    <tr>
                        <td><textarea id="r30" name="r30" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>21.- Which SUPW/activities can you take up with teach the students <span>*</span> </td>
                    </tr>
                    <tr>
                        <td>
                            a) Select from the dropdown<br>
                            <select class="selectpicker" id="r31" name="r31[]" multiple="" required>
                                <option value="Electronics">Electronics</option>
                                <option value="Gardening">Gardening</option>
                                <option value="Book Keeping">Book Keeping</option>
                                <option value="Wood-craft">Wood-craft</option>
                                <option value="Clay-modelling">Clay-modelling</option>
                                <option value="Photography">Photography</option>
                                <option value="Home Science">Home Science</option>
                                <option value="Batik">Batik</option>
                                <option value="Tie and Dye">Tie and Dye</option>
                                <option value="Pottery">Pottery</option>
                                <option value="Commercial Art">Commercial Art</option>
                                <option value="Painting">Painting</option>
                                <option value="Yoga">Yoga</option>
                                <option value="Embroidery">Embroidery</option>
                                <option value="Computer">Computer</option>
                                <option value="Science">Science</option>
                                <option value="School Band">School Band</option>
                                <option value="Nursing">Nursing</option>
                                <option value="Handicrafts">Handicrafts</option>
                                <option value="First Aid">First Aid</option>
                                <option value="N.C.C">N.C.C</option>
                                <option value="Scouts and Guides">Scouts and Guides</option>
                                <option value="Aeromodelling">Aeromodelling</option>
                                <option value="Macrame">Macrame</option>
                                <option value="Dance">Dance</option>
                                <option value="Vocal Music">Vocal Music</option>
                                <option value="Instrumental Music">Instrumental Music</option>
                                <option value="Graphic Designing etc.">Graphic Designing etc.</option>
                            </select>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 11%;">Any other</td>
                        <td><input type="text" name="r31_other" id="r31_other" class="border-bottom" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>Have you won any certificates / taken training in any of the above activities? Give details. <span>*</span></td>
                    </tr>
                    <tr>
                        <td><textarea id="r32" name="r32" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)" required></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>22.- In which literary activities can you guide the students? <span>*</span> </td>
                    </tr>
                    <tr>
                        <td>
                            Select from the dropdown<br>
                           <select class="selectpicker" multiple="" id="r33" name="r33[]">
                                <option value="Quiz">Quiz</option>
                                <option value="Recitation">Recitation</option>
                                <option value="Debates">Debates</option>
                                <option value="Declamation">Declamation</option>
                                <option value="Elocution">Elocution</option>
                                <option value="Creative writing">Creative writing</option>
                                <option value="School Magazine">School Magazine</option>
                                <option value="Newsletter">Newsletter</option>
                                <option value="Compering.">Compering.</option>
                                <option value=""></option>
                            </select> 
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 11%;">Any other</td> 
                        <td><input type="text" name="r33_others" id="r33_others" class="border-bottom" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>23.- Are you interested in Games and sports? Which games/sports have you participated in actively and at what level? (School /College /Zonal /Interzonal /State /National) <span>*</span></td>
                    </tr>
                    <tr>
                        <td><textarea id="r34" name="r34" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>24.- Details of any paper /article /book published</td>
                    </tr>
                    <tr>
                        <td><textarea id="r35" name="r35" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>25.- Give details of participation in Clubs /Committee /Association /Organization where you have served earlier.</td>
                    </tr>
                    <tr>
                        <td><textarea id="r36" name="r36" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>26.- State any other qualification /hobbies /skills /abilities /experience that may be of value to the school, and not covered in this form. <span>*</span> </td>
                    </tr>
                    <tr>
                        <td><textarea id="r37" name="r37" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 29%;">27.- Are you computer literate? <span>*</span> </td>
                        <td><input type="text" name="r38" id="r38" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>a) Furnish details of any courses attended <span>*</span></td>
                    </tr>
                    <tr>
                        <td><textarea id="r39" name="r39" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>b) How good are you with online teaching / activities ? <span>*</span></td>
                    </tr>
                    <tr>
                        <td><textarea id="r44" name="r44" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>28. Give the name, designation and complete address and Tel. No. of two references (not relatives) from whom confidential reports about your work, character and personality may be obtained. At least one of them must be the Head of Dept. / Head of the Institution in which you have worked. <span>*</span></td>
                    </tr>
                    <tr>
                        <td>References</td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 50%;">
                            <table style="width: 100%;border-collapse: collapse;">
                                <tbody>
                                    <tr>
                                        <td rowspan="6" style="vertical-align: top;">1.</td>
                                    </tr>
                                    <tr>
                                        <td>Name :</td>
                                        <td><input type="text" name="r40_name" id="r40_name" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                                    </tr>
                                    <tr>
                                        <td>Designation :</td>
                                        <td><textarea id="r40_designation" name="r40_designation" required autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>Address :</td>
                                        <td><input type="text" id="r40_address" name="r40_address" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                                    </tr>
                                    <tr>
                                        <td>Tel No. :</td>
                                        <td><input type="number" id="r40_tel" name="r40_tel" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                        <td style="width: 50%;">
                            <table style="width: 100%;border-collapse: collapse;">
                                <tbody>
                                    <tr>
                                        <td rowspan="6" style="vertical-align: top;">2.</td>
                                    </tr>
                                    <tr>
                                        <td>Name :</td>
                                        <td><input type="text" name="r41_name" id="r41_name" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                                    </tr>
                                    <tr>
                                        <td>Designation :</td>
                                        <td><textarea name="r41_designation" id="r41_designation" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)" required></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>Address :</td>
                                        <td><input type="text" name="r41_address" id="r41_address" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                                    </tr>
                                    <tr>
                                        <td>Tel No. :</td>
                                        <td><input type="number" name="r41_tel" id="r41_tel" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 51%;">29.- State your salary expectation for the post applied for : <span>*</span></td>
                        <td><input type="number" name="r42" id="r42" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 55%;">30.- If selected, state the exact period after which you can join: <span>*</span></td>
                        <td><input type="text" name="r43" id="r43" class="border-bottom" required="required" autocomplete="off" value="" onchange="this.setAttribute('value', this.value)"></td>
                    </tr>
                </tbody>
            </table>
            <table style="width:100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>I hereby declare that all entries stated above are true in every detail </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;margin-bottom: 30px;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td style="width: 50%;">
                            <table style="width: 100%;border-collapse: collapse;">
                                <tbody>
                                    <tr>
                                        <td style="width: 10%;">Date: </td>
                                        <td><input type="text" name="datee" id="datee" value="<?=date('d-m-Y')?>" class="border-bottom" required="required"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                        <td style="width: 50%;">
                            <table style="width: 100%;border-collapse: collapse;">
                                <tbody>
                                    <tr>
                                        <td style="width: 24%;">Signature : </td>
                                        <td>
                                            <img src="#" id="signature_preview" style="max-width: 100%;display: none;">
                                            <input type="file" name="r45" id="r45" class="border-bottom" autocomplete="off" value="" accept=".jpg,.png,.jpeg">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table style="width: 100%;border-collapse: collapse;">
                <tbody>
                    <tr>
                        <td>
                            <strong>Note:</strong> 1. Only shortlisted candidates will be called for the interview.<br>
                            2. The management reserves the right to select or reject your application for the post applied for without assigning any reason.<br>
                            3. You may attach an additional sheet, if required, if space is inadequate.<br>
                            4. Incomplete forms will not be considered.
                        </td>
                    </tr>
                </tbody>
            </table>
            <input type="submit" value="Submit" id="btn" name="btn" class="btn btn-primary">
        </form>
    </div>
    
    <script src="js/sweetalert2.min.js"></script>
    <link rel="stylesheet" href="css/sweetalert2.min.css">
    <script type="text/javascript" src="js/bootstrap-select.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap-select.min.css">
    <script>
        var msg = '<?= $msg;?>';
        var par = '<?= $par?>';
        if(msg != ''){
			// mail_new();
			$('#btn').removeAttr('type');
			$('#recruitment_form').removeAttr('method');
			$('#recruitment_form').attr('method','');
			$('#btn').attr('type','');
            Swal.fire('Note!',msg,par);
			
        }

var oFReader = new FileReader();
        $("#r46").change(function() {
            readURL(this);
            // oFReader.readAsDataURL(document.getElementById("r46").files[0]);
        });

function add_member(){

var count = $('#member_count').val();

$('#member_body').append('<tr id="memrow_'+count+'"><td>'+count+'</td><td><input type="text" name="member_name[]" id="member_name" value="" class="form-control" required autocomplete="off" ></td><td><input type="text" name="member_relationship[]" id="member_relationship" value="" class="form-control" required autocomplete="off"></td><td><input type="number" name="member_age[]" id="member_age" value="" class="form-control" required autocomplete="off"></td><td><input type="text" name="member_occup[]" id="member_occup" value="" class="form-control" required autocomplete="off"></td><td class="hide_column"><a onclick="delete_member('+count+')" class="btn btn-danger">Delete row</a></td></tr>');

var total_count = parseInt(count) + parseInt(1);
        	$('#member_count').val(total_count);

}

function delete_member(id){
        	$('#memrow_'+id).remove();
        }

function add_qualification(){
			
        	var count2 = $('#qualification_count').val();

$('#qualification_body').append('<tr id="quarow_'+count2+'"><td><select name="class_degree[]" id="ckass_degree" class="form-control" required><option value="X">X</option><option value="XII">XII</option><option value="B.A./B.Sc./">B.A./B.Sc./</option><option value="B.Com">B.Com</option><option value="M.A./M.Sc./">M.A./M.Sc./</option><option value="M.Com">M.Com</option><option value="B.Ed">B.Ed</option><option value="CTET">CTET</option><option value="Any other">Any other</option></select></td><td><input type="text" name="institution_name[]" id="institution_name" class="form-control" value="" required autocomplete="off"></td><td><input type="text" name="board[]" id="board" class="form-control" value="" required autocomplete="off"></td><td><input type="text" name="passing_year[]" id="passing_year" class="form-control" value="" required autocomplete="off"></td><td><input type="text" name="subject_studied[]" id="subject_studied" class="form-control" value="" required autocomplete="off"></td><td><input type="text" name="percentage[]" id="percentage" class="form-control"></td><td class="hide_column"><a onclick="delete_qualification('+count2+')" class="btn btn-danger">Delete row</a></td></tr>');

var total_count2 = parseInt(count2) + parseInt(1);
        	$('#qualification_count').val(total_count2);        	
        }

function delete_qualification(id){
        	$('#quarow_'+id).remove();	
        }

function add_experience(){

var count3 = $('#experience_count').val();

$('#experience_body').append(' <tr id="exprow_'+count3+'"><td>'+count3+'</td><td><input type="text" name="experience_institution[]" id="experience_institution" value="" class="form-control" required autocomplete="off"></td><td><input type="text" name="goverment_recognized[]" id="goverment_recognized" value="" class="form-control" required autocomplete="off" ></td><td><input type="text" name="post_held[]" id="post_held" value="" class="form-control" required autocomplete="off"></td><td><input type="text" name="period_from[]" id="period_from" value="" class="form-control period_from" required autocomplete="off"></td><td><input type="text" name="period_to[]" id="period_to" value="" class="form-control period_to" required autocomplete="off"></td><td><input type="text" name="classes_taught[]" id="classes_taught" value="" class="form-control" required autocomplete="off"></td><td><input type="text" name="subject_taught[]" id="subject_taught" value="" class="form-control" required autocomplete="off"></td><td><input type="text" name="leaving_reason[]" id="leaving_reason" value="" class="form-control" required autocomplete="off"></td><td class="hide_column"><a onclick="delete_experience('+count3+')" class="btn btn-danger">Delete row</a></td></tr>');

$('.period_from').datepicker();
            $('.period_to').datepicker();

var total_count3 = parseInt(count3) + parseInt(1);
        	$('#experience_count').val(total_count3);

}

function delete_experience(id){
        	$('#exprow_'+id).remove();	
        }

</script>
    <script type="text/javascript">
        function printDiv(id_name){
            var divToPrint = document.getElementById('print_form');
            var htmlToPrint = '<style>@media print{table thead tr th{font-size:14px!important}table tbody tr td{font-size:14px!important}table{border:none}table tbody tr td,table thead tr th{text-align:left!important;padding:8px!important;border:none!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}@font-face{font-family:angers_scriptregular;src:url(fonts/angers_script-webfont.woff2) format("woff2"),url(fonts/angers_script-webfont.woff) format("woff")}.file_upload{width:200px;height:200px;border:2px solid #dddd}.border-bottom,textarea{background:0 0;border:none!important;border-bottom:1px solid #000!important;box-shadow:none!important;outline:0!important;width:100%}table tbody tr td,table thead tr th{padding:5px;font-size:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}table thead tr th{font-weight:700}.thead{text-align:center;font-weight:700;font-style:italic;text-transform:capitalize;font-size:1.5em}.heading{text-align:center;font-size:2.2em;text-transform:capitalize;font-weight:700}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;text-align:left!important}.bootstrap-select .dropdown-menu,.bootstrap-select>select{display:none!important}.bootstrap-select .dropdown-menu li{display:none}.table{width:100%!important;border-collapse:collapse!important;border:none!important}.bootstrap-select>.dropdown-toggle{white-space:normal!important;color:#000!important;background:#fff;border:none!important}.open>.dropdown-toggle.btn-default{color:#333;background-color:#fff;border:none!important}.filter-option-inner-inner{text-align:left;line-height:220%}.hide_column{display:none}@page{size:auto;margin:5mm 5mm 5mm 5mm}body{margin:0}.table_border tr td,.table_border tr th{border:1px solid #000!important}table.table_border [type="text"] {width: 100% !important;font-size:14px;}.form-control {border: none;background: transparent;box-shadow: none;}[type="file"]{display:none;}[type="submit"]{display:none;}</style>';
            htmlToPrint += divToPrint.outerHTML;
            newWin = window.open("");
            newWin.document.write(htmlToPrint);
            newWin.print();
            newWin.close();
          }
          jQuery(document).bind("keyup keydown", function(e){
            if(e.ctrlKey && e.keyCode == 80){
              printDiv();
            }
        });
		
		function mail_new(){
			var post_app = $('#r1').val();
			var name_app = $('#r2').val();
			$.ajax({
				type:'POST',
				dataType:'HTML',
				url:'mail_recruitment.php',
				data:{post_app:post_app,name_app:name_app},
				success:function(data){
					
				}
			});
		}
		
		
		function mail(){
			var divToPrint = document.getElementById('print_form').outerHTML;
            
			var htmlToPrint = '<style>@media print{table thead tr th{font-size:14px!important}table tbody tr td{font-size:14px!important}table{border:none}table tbody tr td,table thead tr th{text-align:left!important;padding:8px!important;border:none!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}@font-face{font-family:angers_scriptregular;src:url(fonts/angers_script-webfont.woff2) format("woff2"),url(fonts/angers_script-webfont.woff) format("woff")}.file_upload{width:200px;height:200px;border:2px solid #dddd}.border-bottom,textarea{background:0 0;border:none!important;border-bottom:1px solid #000!important;box-shadow:none!important;outline:0!important;width:100%}table tbody tr td,table thead tr th{padding:5px;font-size:20px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}table thead tr th{font-weight:700}.thead{text-align:center;font-weight:700;font-style:italic;text-transform:capitalize;font-size:1.5em}.heading{text-align:center;font-size:2.2em;text-transform:capitalize;font-weight:700}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;text-align:left!important}.bootstrap-select .dropdown-menu,.bootstrap-select>select{display:none!important}.bootstrap-select .dropdown-menu li{display:none}.table{width:100%!important;border-collapse:collapse!important;border:none!important}.bootstrap-select>.dropdown-toggle{white-space:normal!important;color:#000!important;background:#fff;border:none!important}.open>.dropdown-toggle.btn-default{color:#333;background-color:#fff;border:none!important}.filter-option-inner-inner{text-align:left;line-height:220%}.hide_column{display:none}@page{size:auto;margin:5mm 5mm 5mm 5mm}body{margin:0}.table_border tr td,.table_border tr th{border:1px solid #000!important}table.table_border [type="text"] {width: 100% !important;font-size:14px;}.form-control {border: none;background: transparent;box-shadow: none;}[type="file"]{display:none;}[type="submit"]{display:none;}</style>';
            htmlToPrint += divToPrint;
			$.ajax({
				type:'POST',
				dataType:'HTML',
				url:'mail_re.php',
				data:{tomail_data:htmlToPrint},
				success:function(data){
					
				}
			});
			
		}
		
    </script>
</body>
</html>

Cancel