@extends('web.layouts.layout')

@section('content')

    <main class="mt-100">
        <!-- services_det-->
        <section class="services_det">
            <div class="container">
                <div class="row">
                    @if(isset($documents) && $documents->isNotEmpty())
                        @foreach($documents as $document)
                            <div class="col-lg-6">
                                <div class="item">
                                    <div class="row">
                                        <div class="col-lg-5">
                                            <div class="img_box">
                                                <img src="{{ getImage($document->image) }}"
                                                     class="img img_cover" alt="{{ $document->title }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="card-body">
                                                <h3 class="title fw-bold mb-4"> {{ $document->title }} </h3>
                                                <div class="text">{{ strip_tags($document->description) }}</div>
                                                <div class="nav_btns mt-4 d-inline">
                                                    <a href="{{ getFile($document->file) }}" download
                                                       class="btn btn-primary half-rounded hvr-txt-trans">
                                                        <div class="txt"
                                                             data-text="{{ __('services::services.download_file') }}">
                                                            <span class="fs-7">
                                                              {{ __('services::services.download_file') }}
                                                              <img
                                                                  data-src="{{ asset('assets/web/images/icons/arrows.svg') }}"
                                                                  src="{{ asset('assets/web/images/icons/arrows.svg') }}"
                                                                  alt="arrows"
                                                                  class="img_contain ms-2 ls-is-cached lazyloaded">
                                                            </span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush