@extends('layouts.app')
@section('content')
<!-- CONTENT -->
<div class="content news">
    <!-- news-details -->
    <div class="news-details">
        <div class="container mb-5"> 
            <div class="row">
                <div class="col-md-12 text-center mb-5">
                    <h1>{{$model->title}}</h1>
                </div>
                @isset($model->url)
                <div class="col-md-12 mb-5 yt-div">
                <div class="cookieconsent-optout-marketing">
                    Kérjük 
                    <a href="javascript:Cookiebot.renew()">fogadd el a marketing sütiket</a> 
                    a videó megtekintéséhez!
                </div>
                    <iframe width="1280" height="720" src="https://www.youtube.com/embed/{{$model->videourl()}}" class="yt" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                @endisset
                <div class="col-md-12">
                    <div class="news-card">
                        <div class="col-md-8">
                            <div class="title">{!! nl2br($model->lead) !!}</div>
                            {!! $model->content !!}
                        </div>                  
                    </div>
                    <div class="d-flex justify-content-center text-center mb-3"> 
                        <a href="{{url('/')}}" class="button-grey">Vissza a főoldalra</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- divider -->
        <div class="divider">
            <img src="{{ asset('images/dividers/divider-001.png') }}" class="divider-img">
        </div> 
        @if(!empty($more))
        <!-- news-others -->
        <div class="news-others">
            <div class="container"> 
                <div class="row">
                    <div class="col-md-12 text-center my-5">
                        <h1>EZEK IS ÉRDEKELHETNEK</h1>
                    </div>  
                    
                    <div class="col-md-12 mb-5 car-card-div">
                    @foreach($more as $m)
                        <div class="car-card">
                            <div class="card">
                                <img class="card-img-top" src="{{ asset('storage/'.$m->image) }}" alt="car1">
                                <div class="card-body">
                                    <h5 class="card-title">{{$m->title}}</h5>
                                    <p class="card-text">{!! $m->lead !!}</p>
                                    <a href="{{$m->geturl()}}" class="button-arrow">Részletek<img src="{{ asset('images/arrow-right-black.svg') }}" alt="arrow" class="arrow-right"></a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>  
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

@endsection