@extends('layouts.fe_master')
@php
    $title = "Kiet Nguyen TV - " . $post->name;
    $description = $post->brand;
    $ogTitle = $title;
    $ogDescription = $description;
    $ogImage = url('/assets/images/media/media-1.jpg');
    $twitterTitle = $title;
    $twitterDescription = $description;
    $artistName = "Kiet Nguyen TV";
    $schemaDescription = $description;
@endphp

@section('content')
    <div class="header-padding"></div>

    <!-- main -->
    <div class="main value-sharing-detail-container">
        <div class="value-sharing-detail">

            <div class="back-to-category">
                <a href="/articles" class="a-underline-none">
                    <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
                        <path
                            d="M11.9814 1C11.9814 0.723858 12.2053 0.5 12.4814 0.5C12.7576 0.5 12.9814 0.723858 12.9814 1H11.9814ZM1.12789 9.35355C0.93263 9.15829 0.93263 8.84171 1.12789 8.64645L4.30987 5.46447C4.50513 5.2692 4.82172 5.2692 5.01698 5.46447C5.21224 5.65973 5.21224 5.97631 5.01698 6.17157L2.18855 9L5.01698 11.8284C5.21224 12.0237 5.21224 12.3403 5.01698 12.5355C4.82172 12.7308 4.50513 12.7308 4.30987 12.5355L1.12789 9.35355ZM12.9814 1V6H11.9814V1H12.9814ZM9.48145 9.5H1.48145V8.5H9.48145V9.5ZM12.9814 6C12.9814 7.933 11.4144 9.5 9.48145 9.5V8.5C10.8622 8.5 11.9814 7.38071 11.9814 6H12.9814Z"
                            fill="#464646" />
                    </svg>
                    <span>{{ __('label.all_article') }}</span>
                </a>
            </div>

            <div class="value-sharing-brand">
                <span>{{ $post->brand }}</span>
            </div>


            <h1 class="value-sharing-detail-title">
                {{ $post->name }}
            </h1>

            <div class="value-sharing-detail-attribute">
                @if ($post->author)
                    <div class="item">
                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="16" viewBox="0 0 12 16"
                            fill="none">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M5.98845 10.5098C3.08774 10.5098 0.610596 10.9483 0.610596 12.7048C0.610596 14.4612 3.07202 14.9155 5.98845 14.9155C8.88917 14.9155 11.3656 14.4762 11.3656 12.7205C11.3656 10.9648 8.90488 10.5098 5.98845 10.5098Z"
                                stroke="black" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M5.98842 8.00441C7.89199 8.00441 9.43485 6.46084 9.43485 4.55727C9.43485 2.6537 7.89199 1.11084 5.98842 1.11084C4.08485 1.11084 2.54128 2.6537 2.54128 4.55727C2.53485 6.45441 4.06771 7.99798 5.96414 8.00441H5.98842Z"
                                stroke="black" stroke-width="1.07143" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                        <span>{{ $post->author }}</span>
                    </div>
                @endif
                <div class="item">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                        fill="none">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M14.9373 8.00049C14.9373 11.8322 11.8315 14.938 7.99976 14.938C4.16801 14.938 1.06226 11.8322 1.06226 8.00049C1.06226 4.16874 4.16801 1.06299 7.99976 1.06299C11.8315 1.06299 14.9373 4.16874 14.9373 8.00049Z"
                            stroke="black" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M10.5736 10.2068L7.74609 8.52002V4.88477" stroke="black" stroke-width="1.125"
                            stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    <span>{{ $post->created_at }}</span>
                </div>
            </div>
            <div class="value-sharing-detail-content">
                <p>
                    {!! $post->content !!}
                </p>
            </div>

        </div>

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


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