@if(isset($this->details['requestedInfo']['image']))
    @if($this->details['requestedInfo']['image'] !== 3)

        <section class="upload-image mt-4 mb-4 pe-3">
            <p>آپلود تصویر
                @if($this->details['requestedInfo']['image'] == 1)
                    <span class="text-danger">*</span>
                @endif

            </p>

            <div class="select-image position-relative">

                <input type="file" id="file-input" style="display: none; z-index: 100" wire:model="image">

                <button id="svg-clickable" class="d-grid justify-content-start btn position-absolute">
                    <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M3 16c1.403-.234 3.637-.293 5.945.243M16 21c-1.704-2.768-4.427-4.148-7.055-4.757m0 0C10.895 13.985 14.558 12 21 12h1M8.5 7C8 7 7 7.3 7 8.5S8 10 8.5 10 10 9.7 10 8.5 9 7 8.5 7z"/>
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m7 0v3m0 3V5m0 0h3m-3 0h-3"/>
                    </svg>
                </button>

                @if ($image)
                    <button id="remove-image-button" wire:click="removeImage" style="font-size: 10px;"
                            class="btn btn-danger mb-2">
                        حذف
                    </button>
                    <img class="rounded-pill" src="{{ $image->temporaryUrl() }}" alt="Uploaded Image" width="100" height="100">
                @endif

                @if(!$image)
                    <img class="mt-3" src="{{ asset('home/images/profile.webp') }}" width="110">
                @endif

                <div wire:loading wire:target="image" class="spinner-overlay">
                    @include('livewire.include.spinner')
                </div>


            </div>

        </section>
    @endif

@endif