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

        <section class="upload-resume mb-4 pe-3 mt-4">
            <p class="upload-resume-title pb-3">
                رزومه
                @if($this->details['requestedInfo']['resume'] == 1)
                    <span class="text-danger">*</span>
                @endif
            </p>

            <div class="container-fluid">
                <div class="row">

                    @error('resume')
                    <div class="alert alert-danger mt-2">
                        {{ $message }}
                    </div>
                    @enderror

                    <input type="file" style="display: none" id="file-input-resume" wire:model="resume">
                    <div class="col-lg-4 col-md-6" id="resume-clickable">
                        <div class="card rounded-3 file-card">
                            <div class="icon mt-3 d-flex justify-content-center align-items-center">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 19V12" stroke="#BB891B" stroke-linecap="round"
                                          stroke-linejoin="round"/>
                                    <path d="M9.83203 14L11.999 11.833L14.166 14" stroke="#BB891B"
                                          stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M15.9995 19H18.5595C20.4875 19 22.0595 17.428 22.0595 15.5C22.0595 13.572 20.4875 12 18.5595 12H18.1245V11C18.1245 7.69 15.4345 5 12.1245 5C9.14745 5 6.67945 7.178 6.21145 10.023C3.83445 10.144 1.93945 12.093 1.93945 14.5C1.93945 16.985 3.95445 19 6.43945 19H7.99945"
                                          stroke="#23675D" stroke-width="2" stroke-linecap="round"
                                          stroke-linejoin="round"/>
                                </svg>
                            </div>
                            <div class="size-file pt-3 d-flex justify-content-center align-items-center">
                                آپلود فایل کمتر از 50 مگ مجاز است
                            </div>
                        </div>
                    </div>

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

                    @if(!is_null($this->resume))
                        <div class="col-lg-4 col-12 col-md-6 mt-3">

                            <div class="d-flex align-items-center justify-content-between p-3 bg-light rounded-3"
                                 style="border: 1px solid #eee;">
                                <div class="d-flex align-items-center text-danger">

                                    <i style="font-size: 1.5rem;">
                                        <svg width="40" height="41" viewBox="0 0 40 41" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <rect y="0.5" width="40" height="40" rx="4" fill="white"/>
                                            <rect x="10.9961" y="20.5" width="18.0075" height="9.00375" rx="2"
                                                  stroke="#94969C" stroke-linecap="round" stroke-linejoin="round"/>
                                            <path d="M17.998 23.5012H21.9997" stroke="#94969C" stroke-linecap="round"
                                                  stroke-linejoin="round"/>
                                            <path d="M27.0019 20.4998V15.3397C27.0014 14.4804 26.3046 13.784 25.4453 13.784H20.4102C20.1526 13.7836 19.9118 13.656 19.7669 13.4429L18.6735 11.8362C18.5288 11.6236 18.2884 11.4962 18.0312 11.4961H14.5527C14.1398 11.4958 13.7437 11.6597 13.4517 11.9517C13.1597 12.2437 12.9958 12.6398 12.9961 13.0527V20.4998"
                                                  stroke="#94969C" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                    </i>

                                    <div class="d-flex flex-column pe-3 text-end">
                                        <span class="fw-bold name-resume"> رزومه : {{ $this->resumeName }} </span>
                                        <small class="text-muted">{{ $this->resumeSize }} کیلو بایت </small>
                                    </div>
                                </div>

                                <div wire:click="removeResume" class="d-flex align-items-center" style="cursor: pointer">

                                    <i style="font-size: 2rem; color: #6c757d;">
                                        <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <rect y="0.5" width="24" height="24" rx="4" fill="#F5F5F6"/>
                                            <path d="M8.49846 10.4997C8.49846 10.2236 8.27461 9.99972 7.99846 9.99972C7.72232 9.99972 7.49846 10.2236 7.49846 10.4997H8.49846ZM16.5018 10.4997C16.5018 10.2236 16.2779 9.99972 16.0018 9.99972C15.7257 9.99972 15.5018 10.2236 15.5018 10.4997H16.5018ZM13.834 11.1667C13.834 10.8905 13.6102 10.6667 13.334 10.6667C13.0579 10.6667 12.834 10.8905 12.834 11.1667H13.834ZM12.834 15.8353C12.834 16.1114 13.0579 16.3353 13.334 16.3353C13.6102 16.3353 13.834 16.1114 13.834 15.8353H12.834ZM11.1662 11.1667C11.1662 10.8905 10.9424 10.6667 10.6662 10.6667C10.3901 10.6667 10.1662 10.8905 10.1662 11.1667H11.1662ZM10.1662 15.8353C10.1662 16.1114 10.3901 16.3353 10.6662 16.3353C10.9424 16.3353 11.1662 16.1114 11.1662 15.8353H10.1662ZM6.99805 7.99888C6.7219 7.99888 6.49805 8.22274 6.49805 8.49888C6.49805 8.77502 6.7219 8.99888 6.99805 8.99888V7.99888ZM17.0022 8.99888C17.2784 8.99888 17.5022 8.77502 17.5022 8.49888C17.5022 8.22274 17.2784 7.99888 17.0022 7.99888V8.99888ZM8.85801 8.34077C8.77069 8.60274 8.91227 8.8859 9.17424 8.97322C9.43621 9.06055 9.71937 8.91897 9.80669 8.657L8.85801 8.34077ZM9.69517 7.41043L10.1695 7.56854L10.1695 7.56843L9.69517 7.41043ZM10.961 6.49805L10.9609 6.99805H10.961V6.49805ZM13.0392 6.49805V6.99805L13.0398 6.99805L13.0392 6.49805ZM14.3064 7.41043L14.7809 7.25284L14.7808 7.25243L14.3064 7.41043ZM14.1934 8.65647C14.2804 8.91854 14.5634 9.06043 14.8255 8.9734C15.0876 8.88636 15.2295 8.60336 15.1424 8.34129L14.1934 8.65647ZM7.49846 10.4997V17.1692H8.49846V10.4997H7.49846ZM7.49846 17.1692C7.49846 18.182 8.31952 19.003 9.33235 19.003V18.003C8.87181 18.003 8.49846 17.6297 8.49846 17.1692H7.49846ZM9.33235 19.003H14.6679V18.003H9.33235V19.003ZM14.6679 19.003C15.6807 19.003 16.5018 18.182 16.5018 17.1692H15.5018C15.5018 17.6297 15.1285 18.003 14.6679 18.003V19.003ZM16.5018 17.1692V10.4997H15.5018V17.1692H16.5018ZM12.834 11.1667V15.8353H13.834V11.1667H12.834ZM10.1662 11.1667V15.8353H11.1662V11.1667H10.1662ZM6.99805 8.99888H17.0022V7.99888H6.99805V8.99888ZM9.80669 8.657L10.1695 7.56854L9.22083 7.25231L8.85801 8.34077L9.80669 8.657ZM10.1695 7.56843C10.283 7.22775 10.6018 6.99796 10.9609 6.99805L10.9612 5.99805C10.1715 5.99786 9.47033 6.50321 9.22079 7.25243L10.1695 7.56843ZM10.961 6.99805H13.0392V5.99805H10.961V6.99805ZM13.0398 6.99805C13.3992 6.9976 13.7185 7.22746 13.832 7.56843L14.7808 7.25243C14.5311 6.50257 13.829 5.99707 13.0386 5.99805L13.0398 6.99805ZM13.8319 7.56802L14.1934 8.65647L15.1424 8.34129L14.7809 7.25284L13.8319 7.56802Z"
                                                  fill="#F04438"/>
                                        </svg>

                                    </i>
                                </div>
                            </div>

                        </div>
                    @else
                    @endif

                </div>
            </div>
        </section>


    @endif
@endif