@extends('front.app')
@section('content')
<section class="wrapper bg-soft-primary">
  <div class="container pt-10 pb-19 pt-md-14 pb-md-20 text-center">
    <div class="row">
      <div class="col-md-10 col-xl-8 mx-auto">
        <div class="post-header">
          <div class="post-category text-line">
            <a href="{{url('stiri?q='.$newsItem->category->domain_name)}}" class="hover" rel="category">{{$newsItem->category->name}}</a>
          </div>
          <!-- /.post-category -->
          <ul class="post-meta mb-5">
            @php
                $newsDate = $newsItem->date ?:$newsItem->updated_at;
            @endphp
            <li class="post-date"><i class="uil uil-calendar-alt"></i><span>{{\Illuminate\Support\Carbon::parse($newsDate)->format('d.m.Y')}}</span></li>
          </ul>
          <!-- /.post-meta -->
        </div>
        <!-- /.post-header -->
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>
<section class="wrapper bg-light">
  <div class="container pb-14 pb-md-16">
    <div class="row">
      <div class="col-lg-10 mx-auto">
        <div class="blog single mt-n17">
          <div class="card">
            <div class="card-body">
              <div class="classic-view">
                <article class="post">
                  <div class="post-content mb-5">
                    <h2 class="h1 mb-4">{{$newsItem->title}}</h2>
                    <div class="row g-6 mt-3 mb-10">
                      @if($newsItem->images)
                        @foreach($newsItem->images as $image)
                          <div class="col-md-6">
                            <figure class="hover-scale rounded cursor-dark"><a href="{{$image->original}}" data-glightbox="" data-gallery="post"> <img src="{{$image->original}}" alt=""></a></figure>
                          </div>
                          <!--/column -->
                        @endforeach
                      @endif

                    </div>
                    <div>
                      {!! $newsItem->description !!}
                    </div>

                      <div class="row g-6 mt-3 mb-10">
                        <span>Locatie: {{$newsItem->location}},@if($newsItem->link) <span><a href="{{$newsItem->link}}">Mai multe detalii</a></span>@endif</span>
                        <show-map :payload="{{$newsItem}}"></show-map>
                      </div>
                    <div>
                      <br>
                      @if($newsItem->files && count($newsItem->files))
                        @foreach($newsItem->files as $key => $file)
                          @if(in_array($file->extension, ['doc', 'docx']) )
                            <div><a href="{{config('app.url').$file->file}}" target="_blank">{{$key}}. Document de descarcat</a></div>
                          @endif
                        @endforeach
                      @endif
                        <br>
                      @if($newsItem->files && count($newsItem->files))
                        @foreach($newsItem->files as $file)
                          @if(!in_array($file->extension, ['doc', 'docx']) )
                          <embed src="{{config('app.url').$file->file}}" width="100%" height="800px"
                                 type="application/pdf">
                          @endif
                        @endforeach
                      @endif
                      @if($newsItem->file)
                      <embed src="{{config('app.url').$newsItem->file}}" width="100%" height="800px"
                             type="application/pdf">
                        @endif
                    </div>
                    <!-- /.row -->
                  </div>
                  <!-- /.post-footer -->
                </article>
                <!-- /.post -->
              </div>
              <!-- /.comment-form -->
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.blog -->
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>
@endsection