@extends('layouts.front')

@section('content')
    <article class="briefHistoryBlock pt-7 pb-7 pt-md-10 pb-md-10 pt-lg-16 pb-lg-16 pt-xl-22 pb-xl-22">
        <div class="container containerSmall">
            <header class="headingHead mb-14">
                <h2 class="fwSemiBold text-center mb-7">{{$item->title}}</h2>
            </header>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    {!! $item->content !!}
                </div>
            </div>

            @if($item->files)
            <div class="row">
                <div class="col-lg-12">
                    @if($item->files->count() > 1)
                      @foreach($item->files as $file)
                          <div class="text-center">
                              <a href="{{asset('storage/uploads/articles/'.$file->name)}}" download="{{asset('storage/uploads/articles/'.$file->name)}}">
                                  {{$file->original_name}}
                              </a>
                          </div>
                      @endforeach
                    @elseif(($item->files[0]->type === 'application/pdf') || str_contains($item->files[0]->type, 'image'))
                        <iframe src="{{asset('storage/uploads/articles/' . $item->files[0]->name)}}" width="100%" height="800px" type="{{$item->files[0]->type}}"></iframe>
                    @else
                        <p>
                            <a href="{{asset('storage/uploads/articles/' . $item->files[0]->name)}}" target="_blank">
                                {{$item->files[0]->original_name}}
                            </a>
                            <iframe src="https://view.officeapps.live.com/op/embed.aspx?src={{asset('storage/uploads/articles/' . $item->files[0]->name)}}" width="100%" height="800" style="border: none;"></iframe>
                        </p>
                    @endif
                </div>
            </div>
            @endif

        </div>
    </article>

@endsection