@extends('layouts.app')
@section('content')
<!-- CONTENT -->
<div class="content result">
    <div class="container result-container"> 
        <div class="row">
            <div class="col-md-12 text-center my-5">
                <h1>Keresés a(z) “{{$term}}” kifejezésre</h1>
            </div>  
        </div>
        {{-- not found --}}
        @if(count($model_blog) == 0 && count($model_video) == 0 && count($model_page) == 0)
        <div class="row">
            <div class="col-md-12 mb-5"  id="notfound">
                Sajnos a keresett kifejezés nem található.
            </div>
        </div>
        @else
        {{-- founded --}}
        <div class="row">
            <div class="col-md-12 mb-5">
                <div id="accordion">
                    {{-- NEWS --}}
                    @if(count($model_blog) > 0)
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    HÍREK
                                    <img src="{{ asset('images/arrow-right.svg') }}" class="arrow">
                                </button>
                            </h2>
                        </div>
    
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                            <div class="card-body" id="card-news">
                                {{-- news-card --}}
                                @foreach($model_blog as $model)
                                <div class="landscape-card news">
                                    <div class="row">
                                        <div class="col-md-5 d-none d-md-flex img-div">
                                            <img src="{{ asset('storage/'.$model->image) }}" class="img">
                                        </div>
                                        <div class="col-md-7  content-div">
                                            <h1>{{$model->title}}</h1>
                                            <div class="date">
                                                {{$model->created_at}}
                                            </div>
                                            <a href="{{route('news', ['slug' => $model->slug])}}" class="button-arrow">Elolvasom <img src="{{ asset('images/arrow-right.svg') }}" alt="arrow" class="arrow-right"></a>
                                        </div>
                                        <!-- mobile -->
                                        <div class="d-flex d-md-none"> 
                                            {{-- <h5 class="card-title">{{$news->title}}</h5> --}}
                                            <img class="card-img-mobile" src="{{ asset('images/skoda-share-image.jpg') }}" alt="card">
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                @if($model_blog->total() > 3)
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <button class="button-grey mt-0 more-button" data-page="2" id="more-news" data-block="news">Továbbiak betöltése</button>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(count($model_video) > 0)
                    {{-- VIDEOS --}}
                    <div class="card">
                        <div class="card-header" id="headingTwo">
                        <h2 class="mb-0">
                            {{-- <button class="btn btn-link @if(count($model_blog) != 0) @endif" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="@if(count($model_blog) == 0) true @else false @endif" aria-controls="collapseTwo"> --}}
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                VIDEÓK
                                <img src="{{ asset('images/arrow-right.svg') }}" class="arrow">
                            </button>
                        </h2>
                        </div>
                        {{-- <div id="collapseTwo" class="collapse show @if(count($model_blog) == 0) show @endif" aria-labelledby="headingTwo" data-parent="#accordion"> --}}
                        <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordion">
                            <div class="card-body" id="card-video">
                                {{-- video-card --}}
                                @foreach($model_video as $model)
                                <div class="landscape-card video">
                                    <div class="row">
                                        <div class="col-md-5 d-none d-md-flex img-div">
                                            <img src="{{ asset('storage/'.$model->image) }}" class="img">
                                        </div>
                                        <div class="col-md-7  content-div">
                                            <h1>{{$model->title}}</h1>
                                            <a href="{{route('video', ['slug' => $model->slug])}}" class="button-arrow">Elolvasom <img src="{{ asset('images/arrow-right.svg') }}" alt="arrow" class="arrow-right"></a>
                                        </div>
                                        <!-- mobile -->
                                        <div class="d-flex d-md-none"> 
                                            {{-- <h5 class="card-title">{{$news->title}}</h5> --}}
                                            <img class="card-img-mobile" src="{{ asset('images/skoda-share-image.jpg') }}" alt="card">
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                @if($model_video->total() > 3)
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <a href="" class="button-grey mt-0 more-button" id="more-videos" data-page="2" data-block="video">Továbbiak betöltése</a>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(count($model_page) > 0)
                    {{-- GENERAL --}}
                    <div class="card">
                        <div class="card-header" id="headingThree">
                        <h2 class="mb-0">
                            {{-- <button class="btn btn-link @if(count($model_blog) != 0 || count($model_video) != 0)  @endif" data-toggle="collapse" data-target="#collapseThree" aria-expanded="@if(count($model_blog) == 0 && count($model_video) == 0) true @else false @endif" aria-controls="collapseThree"> --}}
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                ÁLTALÁNOS
                                <img src="{{ asset('images/arrow-right.svg') }}" class="arrow">
                            </button>
                        </h2>
                        </div>
                        {{-- <div id="collapseThree" class="collapse show @if(count($model_blog) == 0 && count($model_video) == 0) show @endif" aria-labelledby="headingThree" data-parent="#accordion"> --}}
                        <div id="collapseThree" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion">
                            <div class="card-body" id="card-page">
                                {{-- general-card --}}
                                @foreach($model_page as $model)
                                <div class="landscape-card general">
                                    <div class="row">
                                        <div class="col-md-12 content-div">
                                            <h1>{{$model->title}}</h1>
                                            <a href="{{route('page', ['id' => $model->slug])}}" class="button-arrow">Elolvasom <img src="{{ asset('images/arrow-right.svg') }}" alt="arrow" class="arrow-right"></a>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                @if($model_page->total() > 3)
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <button class="button-grey mt-0 more-button" id="more-page" data-page="2" data-block="page">Továbbiak betöltése</button>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                {{-- <h2>HÍREK</h2> --}}
            </div>  
        </div>
    </div> 
    @endif   
</div>

@endsection