{{-- col --}}
<div class="col-6 col-xl-4" key='single-report-{{ $report?->id }}'>
    <div class="overview--card case-version mb-4 scale--self-05 position-relative">




        {{-- loadingSpinner --}}
        {{-- <span wire:loading wire:target='remove, download'
            class="spinner-border spinner-border-sm text-success spinner--float-right-top" role="status"></span> --}}







        {{-- wrapper --}}
        <div class="d-flex align-items-center justify-content-between mb-2">



            {{-- 1: reportNumber --}}
            <div>

                {{-- 1.1: reportDate --}}
                <h1 class="fs-12 d-block fw-semibold badge badge-light text-theme px-3 pointer" data-bs-toggle="tooltip"
                    data-bss-tooltip="" data-bs-placement="top" title="{{ __('Report Date') }}" dir='ltr'>{{
                    date('d / m / Y', strtotime($report?->reportDate)) }}
                </h1>





                {{-- 1.2: reportType --}}
                <h1 data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="top" title="{{ __('Type') }}"
                    class="fs-12 d-block fw-semibold badge badge-light text-theme px-3 pointer mb-0">
                    {{ $report?->reportType?->{__('name')} }}
                </h1>






            </div>








            {{-- ------------------------------ --}}
            {{-- ------------------------------ --}}






            {{-- 2: type - advisor --}}
            <div>




                {{-- 2.1: reportNumber --}}
                <h1 data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="top"
                    title="{{ __('Report Number') }}"
                    class="fs-12 d-block fw-semibold badge badge-light text-theme px-3 pointer">
                    {{ $report?->reportNumber }}
                </h1>



                {{-- 2.2: advisor --}}
                <h1 class="fs-12 d-block fw-semibold badge badge-light text-theme px-3 pointer mb-0"
                    data-bs-toggle="tooltip" data-bss-tooltip="" data-bs-placement="top" title="{{ __('Advisor') }}">{{
                    $report?->advisor?->{__('name')} }}
                </h1>



            </div>


        </div>
        {{-- endWrapper --}}









        {{-- ------------------------------------------ --}}
        {{-- ------------------------------------------ --}}








        {{-- information --}}
        <div class="d-block mb-4 position-relative">
            <textarea class="form-control form--input form--textarea fs-12 mb-0 input--bg readonly" readonly
                placeholder="{{ __('Report Information') }}">{{ $report?->{__('information')} }}</textarea>
        </div>







        {{-- actionButtons --}}
        <div class="d-flex align-items-center justify-content-center mb-1  ">


            {{-- 1: download --}}
            <button wire:loading.attr='disabled' wire:target='remove({{ $report->id }})'
                wire:click="download({{ $report->id }})"
                class="btn btn--scheme btn--scheme-3 fs-12 px-1 mx-1 scale--3 px-2" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16"
                    class="bi bi-save fs-6 me-2">
                    <path
                        d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z">
                    </path>
                </svg>{{__('Download')}}
            </button>








            {{-- 2: edit --}}
            <button wire:click='edit({{ $report->id }})' wire:loading.attr='disabled'
                wire:target='remove({{ $report->id }})'
                class="btn btn--scheme btn--scheme-theme fs-12 px-1 mx-1 scale--3 px-3" type="button"
                data-bs-target="#edit-report" data-bs-toggle="modal">
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16"
                    class="bi bi-pencil fs-6 me-2">
                    <path
                        d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z">
                    </path>
                </svg>{{__('Edit')}}
            </button>








            {{-- 3: remove --}}
            <button wire:loading.attr='disabled' wire:target='remove({{ $report->id }})'
                wire:click='remove({{ $report->id }})' class="btn btn--scheme btn--remove fs-12 px-1 mx-1 scale--3 px-4"
                type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16"
                    class="bi bi-trash fs-6 ">
                    <path
                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z">
                    </path>
                    <path fill-rule="evenodd"
                        d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z">
                    </path>
                </svg>
            </button>


        </div>
        {{-- endCol --}}









    </div>
</div>
{{-- endCol --}}