@extends('layouts.fe_master')

@php
$title = "Kiet Nguyen TV - ADVERTISING " .$category->name;
$description = $category->name;
$ogTitle = $title;
$ogDescription = $description;
$ogImage = url($category->banner_url);
$twitterTitle = $title;
$twitterDescription = $description;
$artistName = "Kiet Nguyen TV";
$schemaDescription = $description;
@endphp

@section('content')
<div class="header-padding"></div>
<!-- main -->
<div class="main">
    <div class="film-maker-category">


        <div class="section-title our-service-title m-50">
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="23" viewBox="0 0 18 23" fill="none">
                <path
                    d="M17.5079 16.0587C17.8984 15.6681 17.8984 15.035 17.5079 14.6445L11.1439 8.28049C10.7534 7.88997 10.1202 7.88997 9.72971 8.28049C9.33919 8.67102 9.33919 9.30418 9.72971 9.69471L15.3866 15.3516L9.72971 21.0084C9.33919 21.3989 9.33919 22.0321 9.72971 22.4226C10.1202 22.8132 10.7534 22.8132 11.1439 22.4226L17.5079 16.0587ZM0.800781 0.351562V10.3516H2.80078V0.351562H0.800781ZM6.80078 16.3516H16.8008V14.3516H6.80078V16.3516ZM0.800781 10.3516C0.800781 13.6653 3.48707 16.3516 6.80078 16.3516V14.3516C4.59164 14.3516 2.80078 12.5607 2.80078 10.3516H0.800781Z"
                    fill="black" />
            </svg>
            <h3>
                {{ $category->name }}
            </h3>
        </div>
        <div class="description-title">
            <span>{!! $category->description !!}</span>
        </div>

        <div class="film-maker-category-grid grid-2-cols">
            <div class="film-maker-category-grid-content">
                @foreach ($films as $key => $item)
                <article class="js-open-video-overlay card" data-film='@json($item)'>
                    <div class="card-header">
                        <a href="##">
                            <img src="{{ $item->img_url }}" />
                        </a>
                    </div>
                    <div class="card-body">
                        <div class="card-date"> {{ $item->release_date }}</div>
                        <a href="##" class="card-title">
                            {!! $item->name !!}
                        </a>
                    </div>
                </article>
                @endforeach
            </div>
            {{--
                <div class="film-maker-category-grid-btn mobile-d-none">
                    <p>Strategy Expland</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                        fill="none">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M16.5202 0.345675C17.0725 0.345689 17.5202 0.793415 17.5202 1.3457L17.52 10.3457C17.52 10.898 17.0722 11.3457 16.5199 11.3457C15.9677 11.3457 15.52 10.8979 15.52 10.3457L15.5201 3.75986L2.18707 17.0923C1.79654 17.4828 1.16337 17.4828 0.772857 17.0922C0.382342 16.7017 0.382357 16.0686 0.772891 15.678L14.106 2.34562L7.52016 2.34546C6.96788 2.34545 6.52017 1.89772 6.52019 1.34543C6.5202 0.79315 6.96793 0.345446 7.52021 0.345459L16.5202 0.345675Z"
                            fill="black" />
                    </svg>
                </div> --}}
        </div>

    </div>

</div>
<!-- end main -->


@include('frontend.film.video_overlay')
@endsection