@extends('layouts.front')
@section('content')
    <header class="pageMainHead d-flex position-relative bgCover w-100 text-white"
            style="background-image: url({{ asset('assets/site/images/headerBgs/e-forms-bg.jpeg') }});">
        <div class="alignHolder d-flex w-100 align-items-center">
            <div class="align w-100 position-relative">
                <div class="container">
                    <h1 class="text-white mb-2">Consultare Publica</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb breadcrWhite rounded-0 border-0 p-0 fontAlter mb-0">
                            <li class="breadcrumb-item"><a href="/">Principalǎ</a></li>
                            <li class="breadcrumb-item" aria-current="page"><a
                                        href="{{route('publicConsultationPage')}}">Consultări publice</a></li>
                            <li class="breadcrumb-item active" aria-current="page"> {!! $item->name !!}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <section class="login_section py-8 py-md-15 py-xl-22 fontAlter onest">
        <div class="container">
            <h1 class="title"> {!! $item->name !!}</h1>
            {{$item->date}}
            <p class="mb-15"></p>
            <div class="text-center">
                @if(!empty($videoEmbedUrl))
                    <iframe width="100%" height="600" src="{{$videoEmbedUrl}}" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                @elseif($item->live_video)
                    <div id="fb-root"></div>
                    <div class="fb-video" data-href="{{$item->live_video}}"
                         data-width="1000" data-show-text="false">
                        <blockquote cite="{{$item->live_video}}"
                                    class="fb-xfbml-parse-ignore"><a
                                    href="{{$item->live_video}}"></a>
                            <p>
                        </blockquote>
                    </div>
                @endif
                {{--                {{dd($item)}}--}}

            </div>
            <div class="editor-content">
                {!! $item->description !!}
            </div>
            <p></p>

            @if($item->documents && count($item->documents))
                <div class="files-list">
                    <div class="files">
                        <p><strong>Fișiere anexate:</strong></p>
                        <ol>
                            @foreach($item->documents as $document)
                                <li>
                                    <a class="{{$document->fileDetails->extension}}"
                                       href="/public-consultation/document/{{$document->id}}/download">
                                        {{$document->name}}</a>
                                    <span>Descărcări: {{$document->downloads_counter}}</span>
                                </li>
                            @endforeach
                        </ol>
                    </div>
                </div>
            @endif

            @if($item->public_consultation && $item->electronicVoting)
                <electronic-voting-box :votingItem="{{$item->electronicVoting}}"></electronic-voting-box>
            @endif
        </div>
    </section>

@endsection
@push('scripts')
        <script async defer crossorigin="anonymous"
                src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v21.0"></script>
@endpush