<!-- Add New -->
<div class="modal fade" id="addnew" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Add a video blog</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<form class="row contact_form one" action="add/index.php" method="post" enctype="multipart/form-data">
<input type="hidden" class="form-control" name="code" value="<?php echo date("HisdmY",time()); ?>">
<input type="hidden" class="form-control" name="blog_type" value="Video">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<div class="file-input">
<input type="file" name="vid1" id="vid1" class="file" onchange="displayVID1(this,$(this))" required>
<label for="vid1">
<i class="fa fa-video"></i> Upload Video
<p class="file-name1"></p>
</label>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<span id='vid-field1'></span>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<input type="text" class="form-control border-required" name="title" placeholder="Title" required>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="book_tabel_item">
<div class="input-group">
<select class="wide border-required" name="sector" required>
<option value="" data-display="Sector">Sector</option>
<option value="businesses">For Business</option>
<option value="travelers">For Travelers</option>
<option value="both">For Both</option>
</select>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<input type="text" class="form-control border-required" name="topic" placeholder="Topic" required>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<input type="text" class="form-control border-required" name="author" placeholder="Author" required>
</div>
</div>
<!--Paragraphs Start-->
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<span class="fs-12">Paragraphs: Atleast 4 paragraphs required!</span>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<textarea class="form-control border-required" name="paragraph1" rows="2" placeholder="Paragraph One" required></textarea>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<textarea class="form-control border-required" name="paragraph2" rows="2" placeholder="Paragraph Two" required></textarea>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<textarea class="form-control border-required" name="paragraph3" rows="2" placeholder="Paragraph Three" required></textarea>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<textarea class="form-control border-required" name="paragraph4" rows="2" placeholder="Paragraph Four" required></textarea>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<textarea class="form-control" name="paragraph5" rows="2" placeholder="Paragraph Five"></textarea>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-6">
<div class="form-group">
<textarea class="form-control" name="paragraph6" rows="2" placeholder="Paragraph Six"></textarea>
</div>
</div>
<!--Descriptions End-->
<div class="col-lg-1 col-md-1 col-sm-1 col-2">
<div class="form-group">
<i class="fa fa-link"></i>
</div>
</div>
<div class="col-lg-11 col-md-11 col-sm-11 col-10">
<div class="form-group">
<input type="text" class="form-control" name="web_link" placeholder="Link">
</div>
</div>
<!--Image Upload Start-->
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<span class="fs-12">Images: Tap to upload!</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-4">
<div class="form-group">
<div class="upload-btn-wrapper" align="center">
<div class="upload-wrapper">
<div class="btn"><i class="fa fa-image"></i> Image 1</div>
<input type="file" id="myFile" accept="image/*" onchange="preview_image2(event)" name="image2">
<img id="output_image2" class="output_image1">
</div> </div>
</div> </div>
<div class="col-lg-8 col-md-8 col-sm-8 col-8">
<div class="form-group">
<textarea class="form-control" name="summ2" rows="2" placeholder="Summary One"></textarea>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-4">
<div class="form-group">
<div class="upload-btn-wrapper" align="center">
<div class="upload-wrapper">
<div class="btn"><i class="fa fa-image"></i> Image 2</div>
<input type="file" id="myFile" accept="image/*" onchange="preview_image3(event)" name="image3">
<img id="output_image3" class="output_image1">
</div> </div>
</div> </div>
<div class="col-lg-8 col-md-8 col-sm-8 col-8">
<div class="form-group">
<textarea class="form-control" name="summ3" rows="2" placeholder="Summary Two"></textarea>
</div>
</div>
<!--Image Upload End-->
<div class="col-md-12 text-right">
<button type="button" class="btn theme_btn button_hover theme_btn_two" data-dismiss="modal">Cancel</button>
<button type="submit" value="submit" name="submit" class="btn theme_btn button_hover">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>