@include('components.seo')
<div class="space-y-8">
    <x-client.breadcrumbs :breadcrumb="$breadcrumb"/>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 ">
        <div class="col-span-1 md:col-span-2 space-y-8 ">
            <h2>{{$this->golden_tips->name}}</h2>
            <div class="flex flex-col items-center">
                <video
                    id="my-vi"
                    class="video-js  w-full xl:w-[750px] h-96 "
                    controls
                    preload="auto"
                    poster="{{$this->golden_tips->cover_video}}"
                    data-setup="{}">
                    <source src="{{route('golden_tips_stream_video',$this->golden_tips->id )}}" type="video/mp4"/>
                    <p class="vjs-no-js">
                        این ویدو در دستگاه شما پشتیبانی نمیشود لطفا از دستگاه به روز تری استفاده کنید.
                    </p>
                </video>
            </div>
            <div id="description">
                {!! $this->golden_tips->description !!}
            </div>
        </div>
        <div
            class="border rounded-md p-4 bg-amber-400 dark:bg-stone-700 h-fit sticky top-4 @include('components.transition') ">
            <h2 class="font-bold">آخرین نکات طلا</h2>
        </div>
    </div>
</div>