@extends('web.layouts.container')

@section('header')
    <section class="inner-header">
        <div class="container">
            <span><a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home')}}</a></span> /
            <span>{{$category->name}}</span>
        </div>
    </section>
@endsection

@section('content')
    <section class="overview section-padding">
        <div class="section-head text-center">
            <h2>{{$category->name}}</h2>
        </div>
        <div class="container">
            <div class="row">
{{--                <div class="col-md-12 mb-5" style="height: 370px">--}}
{{--                    <img style="width: 100%" src="{{asset($category->image)}}" alt="">--}}
{{--                </div>--}}
                @if($category->description)
                    <div class="col-md-8 mb-3">
                        <div class="side-links">
                            <div class="content-box">
                                <div class="head">
                                    <h5>{{__('main.description')}}</h5>
                                </div>
{{--                                <div class="col-md-12 mb-5" style="height: 370px">--}}
{{--                                    <img style="width: 100%" src="{{asset($category->image)}}" alt="">--}}
{{--                                </div>--}}
                                <p class="description_paragraph">{{strip_tags($category->description)}}</p>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="col-lg-4">
                    <div class="side-links">
                        <div class="content-box">
                            <div class="head">
                                <h5>{{__('main.about')}} {{$parentName}}</h5>
                            </div>
                            <ul>
                                @foreach($childCategories as $child)
                                    <li>
                                        @if($child->url)
                                            <a target="_blank" href="{{$child->url}}"><i class="fas fa-angle-double-right"></i>{{$child->name}}</a>
                                        @else
                                            <a href="{{route('category.show', $child->category_id)}}"><i class="fas fa-angle-double-right"></i>{{$child->name}}</a>
                                        @endif
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>

                @if($category->frame)
                    <div class="col-lg-8">
                        <div class="content-box">
                            {{--                            <div class="head">--}}
                            {{--                                <h5>Latest Newsletter Issue</h5>--}}
                            {{--                            </div>--}}
                            <div class="news-content">
                                <iframe src="{{$category->frame}}" frameborder="0"></iframe>
                            </div>
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </section>
@endsection


@section('inner_js')
    <script>
        $('.navbar').addClass('inner-nav')
    </script>
@endsection