@php
    $globalButton = App\Buttons\Models\Button::find(config('site.global_CTA_button_id'));
@endphp

@section('componentable-area-' . $loop->iteration)
    <div class="l-contain  o-downloads  @if($component->reversed) o-downloads--is-reversed @endif">
        <div class="o-downloads__main">
            <h2 class="c-heading">{{ $component->download_title }}</h2>

            <ul class="c-download-list">

                @foreach($component->downloads as $download)
                    <li class="c-download-list__item">
                        <a class="c-download-list__link"
                           href="{{ $download->getFileUrlAttribute() }}"
                           @if(\Illuminate\Support\Str::endsWith($download->getFileUrlAttribute(), '.pdf')) target="_blank"
                           @else download @endif>

                            <span class="c-download-list__icon">@include('site.components.icons.download')</span>
                            <span class="c-download-list__text">
                                {{ $download->name }}
                            </span>
                        </a>
                    </li>
                @endforeach

            </ul>
        </div>
        <div class="o-downloads__service-point  s-text">
            @if(isset($component->personal_header) && $component->personal_header != '')
                <h2>{!! $component->personal_header !!}</h2>
            @endif

            @if(!empty($component->servicepoints->first()))
                <div>
                    @include('site.components.servicePoint', [
                        'servicepoint'  => $component->servicepoints->first(),
                        'cardView'      => true,
                        'buttonText'    => $globalButton->translation->label ?? null,
                        'buttonLink'    => $globalButton->translation->url ?? null,
                    ])
                </div>
            @endif
        </div>
    </div>

@endsection

@include('site.organisms.componentables.componentableRow')