@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>
            @if($category->category_id)
                /<span><a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('category.show', $parentCategory->id), [], true)}}">{{$parentCategory->name}}</a></span>
                /<span>{{$category->name}}</span>
            @else
                /<span>{{$parentCategory->name}}</span>
            @endif


        </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 px-3 p-4 over_cont">
                                <!--<div class="mb-4">-->
                            <!--    <h5>{{__('main.description')}}</h5>-->
                                <!--</div>-->
                                <div class="mb-3">
                                    <div class="img">
                                        <img src="{{asset($category->image)}}" alt="">
                                    </div>
                                </div>
                                <p class="description_paragraph">{!! $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')}} {{$parentCategory->name}}</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
                                        @if(count(getChildren($child->category_id)))
                                            @foreach(getChildren($child->category_id) as $childChildren)
                                                <div class="sub_link">
                                                    <a href="{{route('category.show', $childChildren->id)}}">{{$childChildren->name}}</a>
                                                </div>
                                            @endforeach

                                        @endif
                                    </li>
                                @endforeach
                                {{--                                <li>--}}
                                {{--                                    <a href="#"><i class="fas fa-angle-double-right"></i> new link for sub menu</a>--}}
                                {{--                                    <div class="sub_link">--}}
                                {{--                                        <a href="#">Sub link here </a>--}}
                                {{--                                    </div>--}}
                                {{--                                </li>--}}
                            </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