<!-- 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 new blog</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</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="Image">


                            <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="cat" required>
                                            <option value="" data-display="Category">Category</option>
                                            <option>Fitness</option>
                                            <option>Wellness</option>
                                            <option>Massage</option>
                                            <option>Steam Bath</option>
                                            <option>Sauna</option>
                                            <option>Dance</option>
                                            <option>Sports</option>
                                            <option>Experts</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_image1(event)" name="image1" required>

                    <img id="output_image1" 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="summ1" 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_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 Two"></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 3</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 Three"></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>