Sindbad~EG File Manager

<div>
	@php
		$totalmonedas=$monedas;
		$totalmonedasusadas=$monedasusadas;
	@endphp
    <style>
		.portfolio-hover2{
	        height: 250px;
	        background: #FFF;
	        overflow: hidden;
	    }
	    .portfolio-hover2 img{
	        width: 100%;
	        height: auto;
	    }
	    @supports(object-fit: cover){
	        .portfolio-hover2 img{
	            height: 100%;
	            object-fit: cover;
	            object-position: center center;
	            transition: transform .4s;
	        }
	    }
	    .zoom:hover {
		  	transform: scale(1.2); 
		}
    </style>
	<img src="/frontend/catalogo.png" width="100%">
	<div class="container">
		<div class="col-12"><br>
			<div class="form-group"> 
				<input wire:model="buscar" type="search" class="form-control" placeholder="Buscar" /><hr>
			</div>
		</div>
		<div class="col-12">
			<div class="row" style="background-color: white;border-radius: 10px;padding: 20px">
				<div class="col-md-9">
					<div class="row">
						@foreach ($catalogos as $element)
							<div class="col-sm-3">
								<div style="background-color: white;border-radius: 20px;">
									
									<a href="{{ asset('images/catalogo/'.$element->foto) }}" data-toggle="lightbox" data-title="{{ $element->nombre }}" data-gallery="gallery">
										<div class="portfolio-hover2">
											<img src="{{ asset('images/catalogo/'.$element->foto) }}" class="img-fluid mb-2 zoom" />
										</div>
									</a>
									<img src="/frontend/calogoceleste.png" style="width:100%;margin-top:-60px;">
									<center><p style="margin-top: -100px;color:#0863A8;">{{ $element->nombre }} <br> {{ $element->moneda }} puntos</p></center>
									@if (in_array($element->id, Cart::getContent()->pluck('id')->toArray()))
										<center><button type="button"  class="btn btn-sm btn-dark" wire:click="deletecarrito({{ $element->id }})">Eliminar</button></center>
									@else
										<center><button class="btn btn-sm" style="color:#fff;background-color:#0863A8 !important;"  wire:click="addcarrito({{ $element->id }})">Agregar</button></center>
									@endif
									<br><br>
								</div>
							</div>
						@endforeach
					</div>
				</div>
				
				<div class="col-md-3"  align="center">
					<form action="{{ route('enviarpedido') }}" method="POST" enctype="multipart/form-data">
						@csrf
						<img src="/frontend/catalogo2.png" width="90%">
						<h4 style="color:#0863A8;margin-top:-40px;">{{ $totalmonedas-$totalmonedasusadas }}</h4><br>
						<img src="/frontend/catalogo3.png" width="90%">
						
						@php
							$monedasdisponibles=$totalmonedas-$totalmonedasusadas;
							$total=0;
						@endphp
						@foreach (Cart::getContent() as $value) 
							@php
								$total+=$value->price;
							@endphp 
							<input type="hidden" name="producto_id[]" value="{{ $value->id }}" required>
							<input type="hidden" name="monedass[]" value="{{ $value->price }}" required>
						@endforeach
						@if($total > $monedasdisponibles)
							<script type="text/javascript">alert('No tienes monedas suficientes para solicitar todos los productos, porfavor elimina algunos artículos');</script>
						@endif
						<h4 style="color:#0863A8;margin-top:-40px;">{{ $total }}</h4><br>
						<input type="number" style="width: 1px !important;height: 1px !important;background-color: white;color: white;border: 0px solid white;" name="total[]" min="1" max="{{ $monedasdisponibles }}" value="{{ $total}}" required>
						{{ $producto_id }}
						<button type="submit" class="btn btn-sm" style="color:#fff;background-color:#0863A8 !important;">Solicitar</button>
					</form>
				</div>
			</div>
		</div>
		<div class="col-md-12">
			{{ $catalogos->links() }}
		</div>
	</div>	
</div>