MINI MINI MANI MO

Path : /home/phaetpan/domains/phaetpanya.com/public_html/
File Upload :
Current File : /home/phaetpan/domains/phaetpanya.com/public_html/webboard-post.php

<?php
session_start();
if($_SESSION["lang"] == "") $_SESSION["lang"] = "th" ;    

include 'connectdb.php'; 
$mysqli = new mysqli( DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
$mysqli->set_charset("utf8");
if (mysqli_connect_errno()) echo  $conn->connect_error;

date_default_timezone_set('Asia/Bangkok');

function getUserIP()
{
    $client  = @$_SERVER['HTTP_CLIENT_IP'];
    $forward = @$_SERVER['HTTP_X_FORWARDED_FOR'];
    $remote  = $_SERVER['REMOTE_ADDR'];

    if(filter_var($client, FILTER_VALIDATE_IP))
    {
        $ip = $client;
    }
    elseif(filter_var($forward, FILTER_VALIDATE_IP))
    {
        $ip = $forward;
    }
    else
    {
        $ip = $remote;
    }

    return $ip;
}


$user_ip = getUserIP();

$submitform = isset($_POST['submitform']) &&  $_POST['submitform'] ? $_POST['submitform'] : false;
if($submitform == 'done') {

	if(isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response']))
	{
	    date_default_timezone_set("Asia/Bangkok");

	    $secret = '6LdS3S0UAAAAAKmnJhI1-NNQUK1HgtAjxcLqKwf0';
	    //get verify response data
	    $verifyResponse = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret.'&response='.$_POST['g-recaptcha-response']);
	    $responseData = json_decode($verifyResponse);
	    
	    include 'connectdb.php';

	    $mysqli = new mysqli( DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
	    $mysqli->set_charset("utf8");

	    $strSQL12 = "SELECT * FROM contact WHERE contact_id = 1";
	    $objQuery12 = $mysqli->query($strSQL12);
	    $objResult12 = mysqli_fetch_array($objQuery12,MYSQLI_ASSOC);

	    $contact = $objResult12["add1"];

		if($responseData->success)
		{

			$cusname 		= htmlspecialchars($_POST["txtname"]);
			$email 			= htmlspecialchars($_POST["txtemail"]);
			$subject 		= htmlspecialchars($_POST["txtsubject"]);
			$message 		= htmlspecialchars($_POST["txtdesc"]);
			// $file     		= $_FILES["image"];
			$file 			= $_FILES['fileUpload2'];

			// var_dump($_FILES["fileUpload2"]  ); die();
			

			if (($cusname=="")||($email=="")||($subject=="")||($message==""))
				{
				echo '<script type="text/javascript">alert("Please fill all form !");</script>';
				echo '<script type="text/javascript">window.history.back()</script>';
				}
			else{


		date_default_timezone_set('Asia/Bangkok');
		
		$time = date("His");
		$date = date("Ymd");
		$type = substr($_FILES['fileUpload2']['name'],-4);
		$name = $date.$time.$type;  

		// var_dump($type); die();

		if($_FILES["fileUpload2"]["name"] != "") 
		{

		if(move_uploaded_file($_FILES["fileUpload2"]["tmp_name"],"upload_file/$name"))
			{

		$strSQL = "INSERT INTO webboard ";
		$strSQL .="(CreateDate,Question,Details,image,Name,email,View,Reply,userinfo) ";
		$strSQL .="VALUES ";
		$strSQL .="('".date("Y-m-d H:i:s")."','".$_POST["txtsubject"]."','".htmlspecialchars($_POST["txtdesc"])."','".$name."','".$_POST["txtname"]."','".$_POST["txtemail"]."','0','0', '".$user_ip."') ";
		$objQuery = $mysqli->query($strSQL);

		// var_dump($strSQL); die();

		if ($objQuery){

		  $strSQL2 = "SELECT * from webboard where Question = '".$_POST["txtsubject"]."' ";
		  $objQuery2 = $mysqli->query($strSQL2);
		  $arr2 = $objQuery2->fetch_assoc();

		  // var_dump($_POST["txtsubject"]); die();

		  $qid = $arr2['QuestionID'];

		  // var_dump($qid); die();

		  $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 .= "Webboard : 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/demo/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\">Webboard Form</font></th>
		    </tr>
		    <tr>
		      <td colspan=\"2\"><strong>Contact Name</strong> : ".$cusname ."</td>
		    </tr>           
		    <tr>
		      <td colspan=\"2\"><strong>Email</strong> : ".$email."</td>
		    </tr>
		    <tr>
		      <td colspan=\"2\"><strong>Subject</strong> : ".$subject."</td>
		    </tr>
		    <tr>
		      <td colspan=\"2\"><strong>Message</strong> : ".$message."</td>
		    </tr>
		    <tr>
		      <td colspan=\"2\"><strong>Link </strong> : <a href='http://www.phaetpanya.com/demo/webboard-view.php?QuestionID=".$qid." ' target='_blank'>Click Here </a></td>
		    </tr>
		  
		  
		  </table>
		  <br />
		  <hr style=\"color:#FF6600\" />
		  ".$contact."
		  </body>
		  </html>";
		  

		  require 'class.phpmailer.php';

		  $mail = new PHPMailer();
		  $mail->CharSet = "utf-8";
		  $mail->SMTPDebug  = 0;
		  $mail->From = $emailcontact;
		  $mail->FromName = "Vibharam Hospital";
		  $mail->Host = "mail.phaetpanya.com";
		  // $mail->Host = "mail.en-technology.com";          
		  $mail->Port = 25;
		  $mail->SMTPSecure = 'tls';
		  $mail->SMTPAuth = true;
		  $mail->IsSMTP();
		  $mail->Mailer = "smtp";
		  $mail->Username = "online@phaetpanya.com";
		  $mail->Password = "1234567";

		  $mail->SetFrom("info@phaetpanya.com", "Vibharam Hospital");
		  $mail->AddAddress($email , $cusname);
		  $mail->AddAddress("info@phaetpanya.com" , "Vibharam Hospital");
		  // $mail->AddAddress('golf@creative.co.th',"Vibharam Hospital");          
		  
		  
		  $mail->WordWrap = 50;                                 
		  $mail->Subject = $msgSubject;
		  $mail->msgHTML($strMessage);

		  // var_dump($mail); die();
		          
		  
		  if($mail->Send())
		      {

		        $strSQL1 = "SELECT * from webboard where QuestionID = '".$qid."' ";
		        $objQuery1 = $mysqli->query($strSQL1);
		        $arr = $objQuery1->fetch_assoc();

		          echo '<script type="text/javascript">alert("Thank you ! Your message has been posted.");</script>';
		          echo '<script> window.location="webboard-view.php?QuestionID='.$arr2["QuestionID"].'"</script>';
		          exit();
		      }
		      else
		      {
		          echo '<script type="text/javascript">alert("Send Message Error !");</script>';
		          echo '<script type="text/javascript">window.history.back()</script>';
		          exit();
		      }   
		   }
		 }

		}else{

			$strSQL = "INSERT INTO webboard ";
			$strSQL .="(CreateDate,Question,Details,image,Name,email,View,Reply,userinfo) ";
			$strSQL .="VALUES ";
			$strSQL .="('".date("Y-m-d H:i:s")."','".$_POST["txtsubject"]."','".htmlspecialchars($_POST["txtdesc"])."','','".$_POST["txtname"]."','".$_POST["txtemail"]."','0','0', '".$user_ip."') ";
			$objQuery = $mysqli->query($strSQL);

			// var_dump($strSQL); die();

			if ($objQuery){

			  $strSQL2 = "SELECT * from webboard where Question = '".$_POST["txtsubject"]."' ";
			  $objQuery2 = $mysqli->query($strSQL2);
			  $arr2 = $objQuery2->fetch_assoc();

			  // var_dump($_POST["txtsubject"]); die();

			$qid = $arr2['QuestionID'];

			// var_dump($qid); die();

			  $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 .= "Webboard : 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/demo/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\">Webboard Form</font></th>
			    </tr>
			    <tr>
			      <td colspan=\"2\"><strong>Contact Name</strong> : ".$cusname ."</td>
			    </tr>           
			    <tr>
			      <td colspan=\"2\"><strong>Email</strong> : ".$email."</td>
			    </tr>
			    <tr>
			      <td colspan=\"2\"><strong>Subject</strong> : ".$subject."</td>
			    </tr>
			    <tr>
			      <td colspan=\"2\"><strong>Message</strong> : ".$message."</td>
			    </tr>
			    <tr>
			      <td colspan=\"2\"><strong>Link </strong> : <a href='http://www.phaetpanya.com/demo/webboard-view.php?QuestionID=".$qid." ' target='_blank'>Click Here </a></td>
			    </tr>
			  
			  
			  </table>
			  <br />
			  <hr style=\"color:#FF6600\" />
			  ".$contact."
			  </body>
			  </html>";
			  

			  require 'class.phpmailer.php';

			  $mail = new PHPMailer();
			  $mail->CharSet = "utf-8";
			  $mail->SMTPDebug  = 0;
			  $mail->From = $emailcontact;
			  $mail->FromName = "Vibharam Hospital";
			  $mail->Host = "mail.phaetpanya.com";
			  // $mail->Host = "mail.en-technology.com";          
			  $mail->Port = 25;
			  $mail->SMTPSecure = 'tls';
			  $mail->SMTPAuth = true;
			  $mail->IsSMTP();
			  $mail->Mailer = "smtp";
			  $mail->Username = "online@phaetpanya.com";
			  $mail->Password = "1234567";

			  $mail->SetFrom("info@phaetpanya.com", "Vibharam Hospital");
			  $mail->AddAddress($email , $cusname);
			  $mail->AddAddress("info@phaetpanya.com" , "Vibharam Hospital");
			  // $mail->AddAddress('golf@creative.co.th',"Vibharam Hospital");         
			  
			  
			  $mail->WordWrap = 50;                                 
			  $mail->Subject = $msgSubject;
			  $mail->msgHTML($strMessage);

			  // var_dump($mail); die();
			          
			  
			  if($mail->Send())
			      {

			        $strSQL1 = "SELECT * from webboard where QuestionID = '".$qid."' ";
			        $objQuery1 = $mysqli->query($strSQL1);
			        $arr = $objQuery1->fetch_assoc();

			          echo '<script type="text/javascript">alert("Thank you ! Your message has been posted.");</script>';
			          echo '<script> window.location="webboard-view.php?QuestionID='.$arr["QuestionID"].'"</script>';
			          exit();
			      }
			      else
			      {
			          echo '<script type="text/javascript">alert("Send Message Error !");</script>';
			          echo '<script type="text/javascript">window.history.back()</script>';
			          exit();
			      }   
			   			
			}

			echo '<script type="text/javascript">alert("Post Error !");</script>';
			echo '<script type="text/javascript">window.history.back()</script>';
			exit();
		}
	   

	  }
	  // echo '<script type="text/javascript">alert("Capcha Error !");</script>';
	  // echo '<script type="text/javascript">window.history.back()</script>';
	  // exit();	

	}

  }else{       
  	echo "<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />";
  echo '<script type="text/javascript">alert("กรุณากรอกข้อมูลให้ครบถ้วน !");</script>';
  echo '<script type="text/javascript">window.history.back()</script>';
  exit();  
 }
}	      

?>
<!DOCTYPE html>
<html lang="en-US">
<head>

	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta 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" />
    
	<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<![endif]-->
	<? include "include/titledata.php"; ?>
	<link rel="stylesheet" href="css/colors.php?color=168c48" type="text/css" /> 
	<title>Vibharam Hospital :: Post to Webboard</title>

 <style> 
 .form-control.error { border: 2px solid red; } 
  #primary-menu ul li#appoint > a { color:#FFF!important; font-weight: 600; } 
 </style>

</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">Home</a></li> 
					<li><a href="webboard.php">Web Board</a></li>
                    <li>Post </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/section-bg.jpg') top center no-repeat; background-width:100%;">
          
	 	<div class="padding20 bottommargin-sm">
      				<div class="col-md-8">
             				<div class="heading-block">
                                  <h2> <i class="icon fa fa-bell"></i> Web Board</h2>
                          	</div> 
                    	<p>โรงพยาบาลวิภาราม ยินดีบริการให้คำปรึกษาเกี่ยวกับสุขภาพด้านต่างๆ เพียงกรอกข้อมูลส่วนบุคคลและคำถามที่ต้องการด้านล่าง ทีมแพทย์และบุคคลากรของเรา จะดูแลทุกคำถามเป็นอย่างดี </p> 
  	                </div>
                    
             <div class="clearfix"></div>

                <form class="nomargin" id="template-medical-form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post" enctype="multipart/form-data" > 
               		 <input type="hidden" name="submitform" id="submitform" value="done"/>  

                	 <div class="col_one_third padding20 " style="background-color:#FFF;"> 
                              <div class="col_full"> 
                                        <label for="template-medical-name">ชื่อ-นามสุกล: * (Name - Lastname)</label>
                                        <input type="text" id="input1[]" name="txtname" class="form-control not-dark required" value="">
                             </div> 
                         
                             <div class="col_full"> 
                                        <label for="template-medical-email">อีเมล: * (E-mail)</label>
                                        <input type="email" id="input3[]" name="txtemail" class="form-control not-dark required" value="">
                                </div> 
                           <div class="col_full">
                            	<label>ไฟล์แนบ: (jpg, png)</label>
								<!-- <input name="image" type="file" id="fileUpload"   multiple="multiple"> -->
								<input type="file" id="fileUpload" name="fileUpload2" multiple="multiple"  class="filestyle"  >
                          </div>
                        
                      </div> 
					
                    <div class="col_two_third col_last padding20" style="background-color:#FFF;"> 
          
                             <div class="col_full"> 
                                        <label for="template-medical-name">คำถาม / หัวเรื่อง: * (Subject)</label>
                                        <input type="text" id="subject" name="txtsubject" class="form-control not-dark required" value="">
                             </div>  
                            
                             <div class="clearfix"></div>   
                              <div class="col_full">
                                        <label for="template-medical-email ">รายละเอียด: * (Description)</label>
                                        <textarea id="desc" name="txtdesc" class="form-control bg-danger required" cols="30" rows="7"></textarea> 
                                   </div>
                           
                                    <div class=" col_half"> 
                                        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
                                        <div class="g-recaptcha" data-sitekey="6LdS3S0UAAAAAKTx3lXUojlGUiGlE-4WEyt0qFlv"></div>
                                    </div>
                                
                                <div class=" col_half col_last">
                                    <div class="hidden"> <input type="text" name="template-medical-botcheck" value="" /></div>  
                                	 <button class="button button-rounded button-dark btn-block topmargin-10" type="submit" value="submit">โพสต์คำถาม</button>
                                </div> 
                                
                      </div>  
                 	</form>
       		     </div>
          
           </div>  
         			<div class="clearfix"></div>
                            <div class="padding20 bg-info"><br>
                                 <p> ** หมายเหตุ :</p>
                                 <p> กรุณาใช้คำถามสุภาพและกรอกข้อมูลจริง  </p>
                            </div> 
                               
             </div>
	 </div>
 </section> <!-- #content end -->
 
 <script src='https://www.google.com/recaptcha/api.js'></script>

 <? include "footer.php"; ?>  
 
	<!-- 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"]
			}); 
			
			$("#fileUpload").fileinput({
				showPreview: false,
				showCaption: true,
				allowedFileExtensions: ["jpg", "png"],
				elErrorContainer: "#errorBlock"
			});
		}); 
	</script> 
</body>
</html> 

OHA YOOOO