Sindbad~EG File Manager

<div>
    <div class="col-12">
        <h5>Actualizar</h4>
        <div class="row">
            <div class="col-md-12 text-center">

    {{-- Previsualización del archivo actual --}}
    @if($tipo == 'imagen' && !$enlace)
        <img src="{{ asset('modal/'.$enlace2) }}" width="350px" class="mb-2 rounded shadow">
    @elseif($tipo == 'video' && !$enlace)
        <video src="{{ asset('modal/'.$enlace2) }}" controls width="350px" class="mb-2 rounded shadow"></video>
    @endif

    {{-- Previsualización en vivo del nuevo archivo --}}
    @if ($enlace && $tipo == 'imagen')
        <div class="mb-2">
            <strong>Previsualización:</strong><br>
            <img src="{{ $enlace->temporaryUrl() }}" width="350px" class="rounded border shadow">
        </div>
    @elseif ($enlace && $tipo == 'video')
        <div class="mb-2">
            <strong>Previsualización:</strong><br>
            <video src="{{ $enlace->temporaryUrl() }}" controls width="350px" class="rounded border shadow"></video>
        </div>
    @endif

    {{-- Input para subir nuevo archivo --}}
    <div class="mb-2 position-relative">
        <input wire:model="enlace" type="file" class="form-control @error('enlace') is-invalid @enderror" />
        
        {{-- Mensaje mientras se sube --}}
        <div wire:loading wire:target="enlace" class="text-primary mt-2">
            <div class="spinner-border spinner-border-sm text-primary" role="status"></div>
            Subiendo archivo...
        </div>
        
        @error('enlace') 
            <span class="invalid-feedback d-block">{{ $message }}</span> 
        @enderror
    </div>

</div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="">Titulo</label>
                    <input wire:model="nombre" type="text" class="form-control" placeholder="Titulo" />
                    @error('nombre') <span class="error">{{ $message }}</span> @enderror<br>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="exampleFormControlSelect1">Seleccione tipo de archivo</label>
                    <select class="form-control" id="exampleFormControlSelect1" wire:model="tipo">
                        <option value="">Seleccione una opción</option>
                        <option value="imagen">Imagen</option>
                        <option value="video">Video</option>
                    </select>
                </div>
                @error('tipo') <span class="error">{{ $message }}</span> @enderror<br>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="exampleFormControlSelect2">Seleccione estado del pop-up</label>
                    <select class="form-control" id="exampleFormControlSelect2" wire:model="estado">
                        <option value="">Seleccione una opción</option>
                        <option value="1">Visible</option>
                        <option value="0">Oculto</option>
                    </select>
                </div>
                @error('estado') <span class="error">{{ $message }}</span> @enderror<br>
            </div>
            <div class="col-md-12">
                <center><br><button wire:click.prevent="update({{$popup_id}})" class="btn btn-dark btn-sm">Actualizar</button></center>
            </div>
        </div>
        <hr>
    </div>
</div>