<!-- 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 place</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()); ?>">




            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="form-group">

                     <div class="upload-btn-wrapper" align="center">
                        <p class="text-primary fs-12">Tap to upload image</p>
                         <div class="upload-wrapper">
                        <div class="btn"><i class="fa fa-image"></i>Add Main Image</div>
                        <input type="file" id="myFile" accept="image/*" onchange="preview_image(event)" name="image" required>

                    <img id="output_image" class="output_image1">
                        </div> </div>

            </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="Name of place" required>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <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="book_tabel_item">
                                    <div class="input-group">
                                        <select class="wide border-required" name="sub" required>
                                            <option value="" data-display="Sub Category">Sub Category</option>
                                            <option>Gym</option>
                                            <option>Health Club</option>
                                            <option>Spa</option>
                                            <option>Massage Parlor</option>
                                            <option>Physiotherapist</option>
                                            <option>Dance Club</option>
                                            <option>Sports Club</option>
                                            <option>Trainer</option>
                                            <option>Dietician</option>
                                            <option>Technician</option>
                                            <option>Consultant</option>
                                            <option>Swimming Pool</option>
                                            <option>Equipment Supplier</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <div class="form-group">
                                    <input type="email" class="form-control border-required" name="email" placeholder="Email Address" required>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <div class="form-group">
                                    <input type="tel" class="form-control border-required" name="phone" placeholder="Phone Number" 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="address" placeholder="Physical Address" 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="district" placeholder="District" required>
                                </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" name="country" value="Uganda" placeholder="Uganda" readonly>
                                </div>
                            </div>

                            <!--Hours Start-->
                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <div class="form-group">
                                	<span class="fs-12">Opening Hours</span>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <div class="form-group">
                                	<span class="fs-12">Closing Hours</span>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <div class="form-group">
                                    <input type="time" class="form-control" name="hr_open">
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-6">
                                <div class="form-group">
                                    <input type="time" class="form-control" name="hr_close">
                                </div>
                            </div>
                            <!--Hours End-->

                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <textarea class="form-control border-required" name="services" rows="2" placeholder="Services Offered" required></textarea>
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <textarea class="form-control" name="paragraph1" rows="2" placeholder="Additional Information"></textarea>
                                </div>
                            </div>


                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <span class="fs-12">Numbers to call</span>
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fa fa-mobile"></i>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-10">
                                <div class="form-group">
                                    <input type="tel" class="form-control" name="phone1" placeholder="Phone 1">
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fa fa-mobile"></i>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-10">
                                <div class="form-group">
                                    <input type="tel" class="form-control" name="phone2" placeholder="Phone 2">
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fa fa-map-location-dot"></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="g_maps" placeholder="Google Maps Link">
                                </div>
                            </div>

                            <!--Links Start-->
                            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <span class="fs-12">Social Media: Use usernames only!</span>
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fab fa-facebook"></i>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-10">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="facebook" placeholder="Facebook">
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fab fa-instagram"></i>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-10">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="instagram" placeholder="Instagram">
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fab fa-x-twitter"></i>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-10">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="twitter" placeholder="Twitter">
                                </div>
                            </div>

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fab fa-youtube-play"></i>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-10">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="youtube" placeholder="Youtube">
                                </div>
                            </div>
                            <!--Links End-->

                            <div class="col-lg-1 col-md-1 col-sm-1 col-2">
                                <div class="form-group">
                                    <i class="fa fa-globe"></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="website" placeholder="Website 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">Other Images: To showcase more..</span>
                </div>
            </div>

            <div class="col-lg-4 col-md-4 col-sm-4 col-4">
                <div class="form-group others">

                     <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 others">

                     <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 others">

                     <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>

            <div class="col-lg-4 col-md-4 col-sm-4 col-4">
                <div class="form-group others">

                     <div class="upload-btn-wrapper" align="center">
                         <div class="upload-wrapper">
                        <div class="btn"><i class="fa fa-image"></i> Image 4</div>
                        <input type="file" id="myFile" accept="image/*" onchange="preview_image4(event)" name="image4">

                    <img id="output_image4" 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="summ4" rows="2" placeholder="Summary Four"></textarea>
                </div>
            </div>

            <div class="col-lg-4 col-md-4 col-sm-4 col-4">
                <div class="form-group others">

                     <div class="upload-btn-wrapper" align="center">
                         <div class="upload-wrapper">
                        <div class="btn"><i class="fa fa-image"></i> Image 5</div>
                        <input type="file" id="myFile" accept="image/*" onchange="preview_image5(event)" name="image5">

                    <img id="output_image5" 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="summ5" rows="2" placeholder="Summary Five"></textarea>
                </div>
            </div>

            <div class="col-lg-4 col-md-4 col-sm-4 col-4">
                <div class="form-group others">

                     <div class="upload-btn-wrapper" align="center">
                         <div class="upload-wrapper">
                        <div class="btn"><i class="fa fa-image"></i> Image 6</div>
                        <input type="file" id="myFile" accept="image/*" onchange="preview_image6(event)" name="image6">

                    <img id="output_image6" 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="summ6" rows="2" placeholder="Summary Six"></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>