<?php 
include_once "assets/includes/autoloader.includes.php";

metaTag_header('Safari');
$page ='Safari';
$ubpage ='viewSafari';
?>
<body>
<div class="wrapper">



<!-- ========top bar========== -->
<?php include "assets/includes/top_menu.includes.php";  ?>
<!-- ==========End Top bar==================== -->


<!-- ========side menu========== -->
<?php include "assets/includes/side_menu.includes.php";  ?>
<!-- ==========End side menu==================== -->





<div class="main-panel">

	<div class="container">
		<div class="panel-header ">
					<div class="page-inner">
						<div class="page-header">
								<h4 class="page-title">Safaris</h4>
								<ul class="breadcrumbs">
									<li class="nav-home">
										<a href="view_safari.php">
											<i class="flaticon-home"></i>
										</a>
									</li>
									<li class="separator">
										<i class="flaticon-right-arrow"></i>
									</li>
									<li class="nav-item">
										<a href="view_safari.php">view Safari</a>
									</li>
									<li class="separator">
										<i class="flaticon-right-arrow"></i>
									</li>
									<li class="nav-item">
										<a href="#">Safari Form</a>
									</li>
								</ul>
							</div>




			<!-- ========================================== -->

			<!-- ========side menu========== -->
			<?php include_once "assets/forms/viewSafari.forms.php";  ?>
			<!-- ==========End side menu==================== -->

			<!-- =========================================== -->






					</div> <!-- ======page inner ends===== -->
		</div> <!-- =====panel header ends=== -->
		
		

		
	</div> <!-- === conatiner ends=== -->

<!-- ========side menu========== -->
<?php include "assets/includes/footer.includes.php";  ?>
<!-- ==========End side menu==================== -->

</div><!-- =====main apnel ends==== -->





</div> <!-- =====wraper ends=== -->



<?=Tag_footer(); ?>
<script type='text/javascript'>

        Dropzone.autoDiscover = false;
        $(".dropzone").dropzone({
        	addRemoveLinks: true,removedfile: function(file) {
                var name = file.name;    
                
                $.ajax({
                    type: 'POST',
                    url: 'safariImages.php',
                    data: {name: name,request: 3},
                    sucess: function(data){
                        console.log('success: ' + data);
                    }
                });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
            },
            init: function() {   
                myDropzone = this;
                $.ajax({
                    url: 'safariImages.php',
                    type: 'post',
                    data: {request: 2,SID:<?=$SID;?>},
                    dataType: 'json',
                    success: function(response){
                        
                        $.each(response, function(key,value) {
                            var mockFile = { name: value.name, size: value.size };

                            myDropzone.emit("addedfile", mockFile);
                            myDropzone.emit("thumbnail", mockFile, value.path);
                            myDropzone.emit("complete", mockFile);

                        });

                    }
                });
            }
        });
        
        </script>

</body>
</html>