MINI MINI MANI MO
<?php
session_start();
if($_POST['sendmail']){
if(isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response']))
{
$secret = '6LfbmysUAAAAAKu410w3TDQb51wQqNWS7nRfz2Kj';
$verifyResponse = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret.'&response='.$_POST['g-recaptcha-response']);
$responseData = json_decode($verifyResponse);
include("vibharamadmin/connect.php");
$strSQL12 = "SELECT * FROM footer WHERE footer_id = 2";
$objQuery12 = mysqli_query($objCon,$strSQL12);
$objResult12 = mysqli_fetch_array($objQuery12,MYSQLI_ASSOC);
if($responseData->success)
{
$department=$_REQUEST['department'];
$doctor=$_REQUEST['doctor'];
$appointdate=$_REQUEST['appointdate'];
$appointtime=$_REQUEST['appointtime'];
$fname=$_REQUEST['fname'];
$email=$_REQUEST['email'];
$tel=$_REQUEST['tel'];
$bdate=$_REQUEST['bdate'];
$emailcontact = $objResult12["footer"];
$content=$_REQUEST['content'];
if (($department=="")||($doctor=="")||($appointdate=="")||($appointtime=="")||($fname=="")||($email=="")||($tel=="")||($bdate=="")||($content==""))
{
echo "All fields are required, please fill <a href=\"\">the form</a> again.";
}
else{
$strSQL = "SELECT * FROM contact WHERE contact_id = 1";
$objQuery = mysqli_query($objCon,$strSQL);
$objResult = mysqli_fetch_array($objQuery,MYSQLI_ASSOC);
switch($_SESSION["lang"])
{
case "th" :
$contact = $objResult["add1"];
break;
case "en" :
$contact = $objResult["add2"];
break;
case "cn" :
$contact = $objResult["add2"];
break;
case "jp" :
$contact = $objResult["add2"];
break;
case "mm" :
$contact = $objResult["add2"];
break;
case "ara" :
$contact = $objResult["add2"];
break;
default :
$contact = $objResult["add1"];
break;
}
date_default_timezone_set('Asia/Bangkok');
$appointdate = $_POST["appointdate"];
$appointdate2 = date("Y-m-d", strtotime($appointdate));
$bdate = $_POST["bdate"];
$bdate2 = date("Y-m-d", strtotime($bdate));
$time = date("His");
$date = date("Ymd");
$type = substr($_FILES['filUpload']['name'],-4);
$name = $date.$time.$type;
$siteTitle = "Vibharam Hospital";
$msgSubject = "Vibharam Hospital";
$strSubject = "=?UTF-8?B?".base64_encode($msgSubject)."?=";
$strHeader = "MIME-Version: 1.0\r\n";
$strHeader .= "Content-type: text/html; charset=utf-8\r\n";
$strHeader .= "From: $emailcontact\r\n";
$strHeader .= "Reply-To: $emailcontact\r\n";
$strHeader .= "Contact: Vibharam Hospital";
$strMessage = "<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>Vibharam Hospital</title>
<style type=\"text/css\" media=\"screen\">
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px; line-height:130%;
color: #000000;
}
</style>
</head>
<body>
<center><img src=\"http://phaetpanya.com/images/logo-vibharam.png\"/></center>
<p>We have received your email and will be responding to you soon.</p>
<table width=\"100%\" border=\"1\" bordercolor=\"#003366\" cellpadding=\"5\" cellspacing=\"1\">
<tr>
<th colspan=\"2\" bgcolor=\"#168C48\"><font color=\"#FFFFFF\">Appointment</font></th>
</tr>
<tr>
<td colspan=\"2\"><strong>Department</strong> : ".$department."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>Doctor Name</strong> : ".$doctor."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>Appointment Date</strong> : ".$appointdate."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>Appointment Time</strong> : ".$appointtime."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>Customer Name</strong> : ".$fname."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>E-Mail</strong> : ".$email."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>Telephone</strong> : ".$tel."</td>
</tr>
<tr>
<td colspan=\"2\"><strong>Description</strong> : ".$content."</td>
</tr>
</table>
<br />
<hr style=\"color:#FF6600\" />
".$contact."
</body>
</html>";
require 'class.phpmailer.php';
$mail = new PHPMailer();
// $mail->SMTPDebug = 2;
$mail->CharSet = "utf-8";
$mail->From = $emailcontact;
$mail->FromName = "Vibharam Hospital";
// $mail->Host = "smtp.gmail.com";
$mail->Host = "mail.phaetpanya.com";
$mail->Port = 25;
//$mail->SMTPSecure = 'tls';
$mail->SMTPAuth = true;
$mail->IsSMTP();
$mail->Mailer = "smtp";
$mail->Username = "online@phaetpanya.com";
$mail->Password = "P0S4L1wO6";
$mail->SetFrom("info@phaetpanya.com", "Vibharam Hospital");
// $mail->AddAddress($emailcontact,"Vibharam Hospital");
$mail->AddReplyTo('info@phaetpanya.com', 'Vibharam Hospital');
$mail->AddAddress($email , $fname);
$mail->AddAddress("info@phaetpanya.com" , "Vibharam Hospital");
$mail->WordWrap = 50;
$mail->Subject = $msgSubject;
$mail->msgHTML($strMessage);
// var_dump($mail); die();
if($mail->Send())
{
if(move_uploaded_file($_FILES["filUpload"]["tmp_name"],"upload_file/$name"))
{
$strSQL = "INSERT INTO appointment";
$strSQL .="(clinic,doctor,appdate,apptime,file,content,fname,tel,mail,bdate,submit_date,status)
VALUES ('".$_POST["department"]."','".$_POST["doctor"]."','".$appointdate2."','".$_POST["appointtime"]."','".$name."','".$_POST["content"]."','".$_POST["fname"]."','".$_POST["tel"]."','".$_POST["email"]."','".$bdate2."',CURRENT_TIMESTAMP(),'".$_POST["status"]."')";
$objQuery = mysqli_query($objCon,$strSQL);
// var_dump($strSQL); die();
if($objQuery){
echo '<script type="text/javascript">alert("Thank you ! Your message has been sent.");</script>';
echo '<script type="text/javascript">window.location = \'http://phaetpanya.com/appointment\'</script>';
}
}else{
$strSQL = "INSERT INTO appointment";
$strSQL .="(clinic,doctor,appdate,apptime,file,content,fname,tel,mail,bdate,submit_date,status)
VALUES ('".$_POST["department"]."','".$_POST["doctor"]."','".$appointdate2."','".$_POST["appointtime"]."','','".$_POST["content"]."','".$_POST["fname"]."','".$_POST["tel"]."','".$_POST["email"]."','".$bdate2."',CURRENT_TIMESTAMP(),'".$_POST["status"]."')";
$objQuery = mysqli_query($objCon,$strSQL);
// var_dump($strSQL); die();
if($objQuery){
echo '<script type="text/javascript">alert("Thank you ! Your message has been sent.");</script>';
echo '<script type="text/javascript">window.location = \'http://phaetpanya.com/appointment.php\'</script>';
}
}
}
else
{
echo '<script type="text/javascript">alert("Message Error !");</script>';
echo '<script type="text/javascript">window.location = \'http://phaetpanya.com/appointment.php\'</script>';
}
}
}
}
else
{
echo '<script type="text/javascript">alert("Recaptcha must be filled out");</script>';
echo '<script type="text/javascript">window.location = \'http://phaetpanya.com/appointment.php\'</script>';
}
}
?>
<?
if($_SESSION["lang"] == "") $_SESSION["lang"] = "th" ;
?>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,600,700|Montserrat:400,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Kanit" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/swiper.css" type="text/css" />
<!-- Medical Demo Specific Stylesheet -->
<link rel="stylesheet" href="css/medical.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="css/medical-icons.css" type="text/css" />
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/fonts.css" type="text/css" />
<!-- components CSS -->
<link rel="stylesheet" href="css/components/datepicker.css" type="text/css" />
<link rel="stylesheet" href="css/components/timepicker.css" type="text/css" />
<link rel="stylesheet" href="css/components/daterangepicker.css" type="text/css" />
<link rel="stylesheet" href="css/components/bs-filestyle.css" type="text/css" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<?php
if($_SESSION["lang"] == "th")
{
?><link href="css/th.css" rel="stylesheet"><?php
}
elseif($_SESSION["lang"] == "en")
{
?><link href="css/en.css" rel="stylesheet"><?php
}
elseif($_SESSION["lang"] == "cn")
{
?><link href="css/cn.css" rel="stylesheet"><?php
}
elseif($_SESSION["lang"] == "jp")
{
?><link href="css/jp.css" rel="stylesheet"><?php
}
elseif($_SESSION["lang"] == "mm")
{
?><link href="css/mm.css" rel="stylesheet"><?php
}
elseif($_SESSION["lang"] == "ara")
{
?><link href="css/ara.css" rel="stylesheet"><?php
}
?>
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/colors.php?color=168c48" type="text/css" />
<? include "include/titledata.php"; ?>
<!-- Document Title
============================================= -->
<title><?php echo $title13;?></title>
<!-- KEYWORDS -->
<meta name="keywords" content="<?php echo $key13;?>" />
<!-- DESCRIPTION -->
<meta name="description" content="<?php echo $des13;?>" />
<style>
.form-control.error { border: 2px solid red; }
#primary-menu ul li#appoint > a { color:#FFF!important; font-weight: 600; }
.white-section label {
display: block;
margin-bottom: 10px;
}
.white-section select {
width:100%!important;
}
.white-section pre { margin-top: 10px; }
</style>
<script language="JavaScript">
function validateFileType(file){
var fileName = document.getElementById("fileUpload").value;
var idxDot = fileName.lastIndexOf(".") + 1;
var extFile = fileName.substr(idxDot, fileName.length).toLowerCase();
if (extFile=="jpg" || extFile=="jpeg" || extFile=="png" || extFile=="csv" || extFile=="pdf" || extFile=="doc" || extFile=="docx"){
//TO DO
var FileSize = file.files[0].size / 1024 / 1024; // in MB
if (FileSize > 2) {
alert('File size exceeds 2 MB');
window.location.href='JavaScript:history.go();';
} else {}
}else{
alert("Please select jpg, csv, pdf, doc, docx extension.");
window.location.href='JavaScript:history.go();';
}
}
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript">
function validateForm()
{
var fname = document.forms["myForm"]["fname"].value;
var email = document.forms["myForm"]["email"].value;
var tel = document.forms["myForm"]["tel"].value;
var content = document.forms["myForm"]["content"].value;
if (fname == "")
{
alert("First name must be filled out");
document.forms["myForm"]["fname"].focus();
return false;
}
if (email == "")
{
alert("E-mail must be filled out");
document.forms["myForm"]["email"].focus();
return false;
}
var atpos = email.indexOf("@");
var dotpos = email.lastIndexOf(".");
if (atpos< 1 || dotpos<atpos+2 || dotpos+2>=email.length) {
alert("Not a valid e-mail address");
return false;
}
if (tel == "")
{
alert("Phone Number must be filled out");
document.forms["myForm"]["tel"].focus();
return false;
}
if (content == "")
{
alert("Message must be filled out");
document.forms["myForm"]["content"].focus();
return false;
}
}
</script>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<? include "header.php"; ?>
<!-- Page Title
============================================= -->
<section id="page-title">
<div class="container clearfix">
<ol class="breadcrumb">
<li><a href="index.php"><?php echo $home;?></a></li>
<li><?php echo $appoint;?></li>
</ol>
</div>
</section><!-- #page-title end -->
<!-- Content
============================================= -->
<section id="content" class=" nomargin nopadding" >
<div class="content-wrap">
<div class="container clearfix " >
<div id="booking" class="section common-height nomargin bottommargin-sm" style="background: url('images/booking-bg.jpg') top center no-repeat; background-width:100%; min-height:630px;">
<div class="input-daterange travel-date-group padding20 bottommargin-sm">
<form class="nobottommargin" method="POST" id="myForm" name="myForm" enctype="multipart/form-data" onSubmit="return validateForm()">
<input type="hidden" name="action" value="submit">
<div class="col_one_third padding20" style="background-color:#FFF;">
<h4 class="orange topmargin-sm bottommargin-10"><?php echo $ada;?></h4>
<div class="col_full white-section">
<label for="template-medical-name"><?php echo $ade;?></label>
<?php
$doctordepart = null;
if(isset($_GET['doctordepart']))
{
$doctordepart = $_GET['doctordepart'];
}
?>
<select name="department" class="form-control">
<?php
if($doctordepart != "")
{
?>
<option value="<?php echo $doctordepart;?>"><?php echo $doctordepart;?></option>
<?php
}else{
?>
<?php
$strSQL = "SELECT * FROM department ORDER BY depart_id";
$objQuery = mysqli_query($objCon,$strSQL);
?>
<?php
while($objResult = mysqli_fetch_array($objQuery,MYSQLI_ASSOC))
{
switch($_SESSION["lang"])
{
case "th" :
$department = $objResult["depart1"];
break;
case "en" :
$department = $objResult["depart2"];
break;
case "cn" :
$department = $objResult["depart3"];
break;
case "jp" :
$department = $objResult["depart4"];
break;
case "mm" :
$department = $objResult["depart5"];
break;
case "ara" :
$department = $objResult["depart6"];
break;
default :
$department = $objResult["depart1"];
break;
}
?>
<option value="<?php echo $department;?>"><?php echo $department;?></option>
<?php
}
?>
<?php
}
?>
</select>
</div>
<div class="col_full white-section">
<label for="template-medical-phone"><?php echo $adoctor;?></label>
<?php
$doctorname = null;
if(isset($_GET['doctorname']))
{
$doctorname = $_GET['doctorname'];
}
?>
<select name="doctor" class="form-control">
<?php
if($doctordepart != "")
{
?>
<option value="<?php echo $doctorname;?>"><?php echo $doctorname;?></option>
<?php
}else{
?>
<?php
$strSQL = "SELECT * FROM doctor_list ORDER BY list_id";
$objQuery = mysqli_query($objCon,$strSQL);
?>
<?php
while($objResult = mysqli_fetch_array($objQuery,MYSQLI_ASSOC))
{
switch($_SESSION["lang"])
{
case "th" :
$doctor = $objResult["name1"];
break;
case "en" :
$doctor = $objResult["name2"];
break;
case "cn" :
$doctor = $objResult["name3"];
break;
case "jp" :
$doctor = $objResult["name4"];
break;
case "mm" :
$doctor = $objResult["name5"];
break;
case "ara" :
$doctor = $objResult["name6"];
break;
default :
$doctor = $objResult["name1"];
break;
}
?>
<option value="<?php echo $doctor;?>"><?php echo $doctor;?></option>
<?php
}
?>
<?php
}
?>
</select>
</div>
<div class="col_full">
<label for="template-medical-appoint-date"><?php echo $adate;?></label>
<div class="input-group" style="width:100%">
<input type="text" name="appointdate" value="" class="form-control tleft today required" placeholder="MM/DD/YYYY">
<span class="input-group-addon" style="padding: 5px 8px;">
<i class="icon-calendar2"></i>
</span>
</div>
</div>
<div class="col_full">
<label for="template-medical-appoint-date"><?php echo $atime;?></label>
<div class="input-group date" style="width:100%">
<input type="text" name="appointtime" class="tleft form-control datetimepicker1 required" placeholder="00:00 AM/PM"/>
<span class="input-group-addon" style="padding: 5px 8px;">
<span class="icon-clock"></span>
</span>
</div>
</div>
<div class="col_full">
<label><?php echo $adocx;?></label>
<input id="input-12" name="filUpload" type="file" multiple class="file-loading">
</div>
<div class="col_full">
<label for="template-medical-email"><?php echo $amore;?></label>
<textarea id="template-medical-message" name="content" class="form-control not-dark" cols="30" rows="3"></textarea>
</div>
</div>
<div class="col_one_third padding20 " style="background-color:#FFF;">
<h4 class="orange topmargin-sm bottommargin-10"><?php echo $pd;?></h4>
<div class="col_full">
<label for="template-medical-name"><?php echo $aname;?></label>
<input type="text" id="template-medical-name" name="fname" class="form-control not-dark required" value="">
</div>
<div class="col_full">
<label for="template-medical-phone"><?php echo $atel;?></label>
<input type="text" id="template-medical-phone" name="tel" class="form-control not-dark required" value="">
</div>
<div class="col_full">
<label for="template-medical-email"><?php echo $aemail;?></label>
<input type="email" id="template-medical-email" name="email" class="form-control not-dark required" value="">
</div>
<div class="col_full">
<label for="template-medical-appoint-date"><?php echo $abirth;?></label>
<input type="text" name="bdate" class="form-control daterange3" value="" />
</div>
<div class="col_full">
<label for="template-medical-second-booking "><?php echo $aservice;?></label>
<label class=" notopmargin rightmargin-sm inline-block">
<input type="radio" id="template-medical-second-booking" name="status" value="Yes">
<?php echo $ayes;?>
</label>
<label class="notopmargin inline-block">
<input type="radio" name="status" value="No" checked>
<?php echo $ano;?>
</label>
</div>
<div class="col_full">
<div class="g-recaptcha" data-sitekey="6LfbmysUAAAAAA-UuFRAnw_DwcjFSamn-KX2p42E"></div>
</div>
<div class="hidden"> <input type="text" name="template-medical-botcheck" value="" /></div>
<input name="sendmail" type="hidden" id="sendmail" value="send" />
<button name="submit" type="submit" value="submit" class="button button-rounded button-reveal button-large button-orange tright "><?php echo $abook;?></button><br />
</div>
</form>
</div>
</div>
<div class="clearfix"></div>
<div class="padding20 bg-info"><br>
<p><?php echo $anote;?></p>
<p><?php echo $a3day;?></p>
</div>
</div>
</div>
</section> <!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class ="nomargin " >
<div class="container clearfix" >
<!-- Copyrights ======================= -->
<div id="copyrights" >
<?php include "vibharamadmin/connect.php"; ?>
<?php
$strSQL = "SELECT * FROM footer WHERE footer_id = 1";
$objQuery = mysqli_query($objCon,$strSQL);
$objResult = mysqli_fetch_array($objQuery,MYSQLI_ASSOC);
?>
<div class="col_half">
<?php echo $objResult["footer"];?><br>
</div>
<div class="col_half col_last ">
<div class="copyrights-menu copyright-links clearfix fright">
</div>
</div>
</div> <!-- #copyrights end -->
</div>
</footer> <!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top ========================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- Footer Scripts ====================== == -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<!-- Bootstrap Select Plugin -->
<script type="text/javascript" src="js/components/bs-select.js"></script>
<link rel="stylesheet" href="css/components/bs-select.css" type="text/css" />
<!-- Select Splitter Plugin -->
<script type="text/javascript" src="js/components/selectsplitter.js"></script>
<!-- Date & Time Picker JS -->
<script type="text/javascript" src="js/components/moment.js"></script>
<script type="text/javascript" src="js/components/datepicker.js"></script>
<script type="text/javascript" src="js/components/timepicker.js"></script>
<!-- Include Date Range Picker -->
<script type="text/javascript" src="js/components/daterangepicker.js"></script>
<script type="text/javascript">
$(function() {
$('.travel-date-group .default').datepicker({
autoclose: true,
startDate: "today",
});
$('.travel-date-group .today').datepicker({
autoclose: true,
startDate: "today",
todayHighlight: true
});
$('.travel-date-group .past-enabled').datepicker({
autoclose: true,
});
$('.travel-date-group .format').datepicker({
autoclose: true,
format: "dd-mm-yyyy",
});
$('.travel-date-group .autoclose').datepicker();
$('.travel-date-group .disabled-week').datepicker({
autoclose: true,
daysOfWeekDisabled: "0"
});
$('.travel-date-group .highlighted-week').datepicker({
autoclose: true,
daysOfWeekHighlighted: "0"
});
$('.travel-date-group .mnth').datepicker({
autoclose: true,
minViewMode: 1,
format: "mm/yy"
});
$('.travel-date-group .multidate').datepicker({
multidate: true,
multidateSeparator: " , "
});
$('.travel-date-group .input-daterange').datepicker({
autoclose: true
});
$('.travel-date-group .inline-calendar').datepicker();
$('.datetimepicker').datetimepicker({
showClose: true
});
$('.datetimepicker1').datetimepicker({
format: 'LT',
showClose: true
});
$('.datetimepicker2').datetimepicker({
inline: true,
sideBySide: true
});
});
$(function() {
// .daterange1
$(".daterange1").daterangepicker({
"buttonClasses": "button button-rounded button-mini nomargin",
"applyClass": "button-color",
"cancelClass": "button-light"
});
// .daterange2
$(".daterange2").daterangepicker({
"opens": "center",
timePicker: true,
timePickerIncrement: 30,
locale: {
format: 'MM/DD/YYYY h:mm A'
},
"buttonClasses": "button button-rounded button-mini nomargin",
"applyClass": "button-color",
"cancelClass": "button-light"
});
// .daterange3
$(".daterange3").daterangepicker({
singleDatePicker: true,
showDropdowns: true
},
function(start, end, label) {
var years = moment().diff(start, 'years');
alert("You are " + years + " years old.");
});
// reportrange
function cb(start, end) {
$(".reportrange span").html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
cb(moment().subtract(29, 'days'), moment());
$(".reportrange").daterangepicker({
"buttonClasses": "button button-rounded button-mini nomargin",
"applyClass": "button-color",
"cancelClass": "button-light",
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
// .daterange4
$(".daterange4").daterangepicker({
autoUpdateInput: false,
locale: {
cancelLabel: 'Clear'
},
"buttonClasses": "button button-rounded button-mini nomargin",
"applyClass": "button-color",
"cancelClass": "button-light"
});
$(".daterange4").on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
});
$(".daterange4").on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
});
});
</script>
<!-- Bootstrap File Upload Plugin -->
<script type="text/javascript" src="js/components/bs-filestyle.js"></script>
<script type="text/javascript">
$(document).on('ready', function() {
$("#input-11").fileinput({
maxFileCount: 10,
allowedFileTypes: ["image", "video"]
});
$("#input-12").fileinput({
showPreview: false,
showCaption: true,
allowedFileExtensions: ["jpg", "csv", "pdf", "doc", "docx"],
elErrorContainer: "#errorBlock"
});
});
</script>
</body>
</html>
OHA YOOOO