Sindbad~EG File Manager

<div>
    <div class="col-12">
        <h3>Categoria Reglamentos <button class="btn btn-success" wire:click="crear()">Nuevo</button></h3><hr>
  	</div>
    @if($crear)
        <div class="col-12">
            @if($crear == 1)
                <h5>Crear</h4>
            @else
                <h5>Editar</h4>
            @endif
            <p align="center"><b>Imagen de portada</b></p>
            @if($fotoupdate)
                @if(is_object($fotoupdate))
                    <center><img src="{{ $fotoupdate->temporaryUrl() }}" width="150px"></center>
                @else
                    <center><img src="/pdf/{{$fotoupdate}}" width="150px"></center>
                @endif
            @endif
            @if($foto)
                <center><img src="{{ $foto->temporaryUrl() }}" width="150px"></center>
            @elseif(!$foto && $crear==1)
                <center><img src="/imgsystem/noticia.png" width="150px"></center>
            @endif
            @if($crear == 1)
                <center><input type="file" wire:model="foto"></center>
                @error('foto') <span class="error">{{ $message }}</span> @enderror<br>
            @else
                <center><input type="file" wire:model="fotoupdate"></center>
                @error('fotoupdate') <span class="error">{{ $message }}</span> @enderror<br>
            @endif

            <input wire:model="nombre" type="text" class="form-control" placeholder="Titulo categoria" />
            @error('nombre') <span class="error">{{ $message }}</span> @enderror<br>
            <center>
                @if($crear == 1)
                    <button wire:click.prevent="store()" class="btn btn-success btn-sm">Guardar</button>
                @else
                    <button wire:click.prevent="update()" class="btn btn-dark btn-sm">Actualizar</button>
                @endif
                <button wire:click.prevent="cancel()" class="btn btn-danger btn-sm">Cancelar</button>
            </center>
            <hr>
        </div>
    @endif
    <div class="col-12">
  		<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">
        	@foreach ($categorias as $element)
        		<div class="col-sm-3">
        			<div style="background-color: white;border-radius: 20px;" align="center">
	                	<a href="/admin/reglamentos/{{$element->id}}">
	                  		<img src="{{ asset('pdf/'.$element->foto) }}" class="img-fluid mb-2 zoom" />
	                	</a>
	                	<p style="padding: 10px;">{{ $element->nombre }}</p>
                        <div style="padding-bottom: 10px;">
                            <a href="{{ url('/admin/reglamentos/'.$element->id) }}"><button class="btn btn-success btn-sm"><i class="fas fa-eye"></i></button></a>
                            <button class="btn btn-primary btn-sm" wire:click="edit({{$element->id}})"><i class="fas fa-edit"></i></button>
                            <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{ $element->id }}"><i class="fas fa-trash-alt"></i></button>
                        </div>
                        <!-- Modal -->
                        <div class="modal fade" id="exampleModal{{ $element->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">Eliminar Categoria</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <p>¿Realmente quiere eliminar la categoria {{ $element->nombre }}?</p>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                                        <button type="button" wire:click="delete({{ $element->id }})" class="btn btn-danger" data-dismiss="modal">Eliminar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
	                </div>
              	</div>
        	@endforeach
        </div>
    </div>
    <div class="col-md-12">
    	{{ $categorias->links() }}
    </div>
</div>