Sindbad~EG File Manager

@extends('layouts.frontend')
@section('contenido')
	<style>
        body { 
			background: url(/frontend/aventura.jpg) no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
    </style>
	<livewire:navbar></livewire:navbar> 
	<div class="container">
    	@livewire('fotos',['vista'=>1,'album_id'=>$album_id])
	</div>	
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>

	@livewireScripts

	<script>
    	window.livewire.on('alert', param => {
	        toastr[param['type']](param['message']);
	    });
  		$(function () {
    		$(document).on('click', '[data-toggle="lightbox"]', function(event) {
      			event.preventDefault();
      			$(this).ekkoLightbox({
        			alwaysShowClose: true
      			});
    		});

    		$('.filter-container').filterizr({gutterPixels: 3});
    		$('.btn[data-filter]').on('click', function() {
      			$('.btn[data-filter]').removeClass('active');
      			$(this).addClass('active');
    		});
  		})
	</script>
	
@stop