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:catalogofront></livewire:catalogofront>
	</div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
	<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
	@include('toastr.alertas')
	<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
      			});
    		});

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