@include('components.seo')

<div>
{{--    <div>باید Breadcrumb بزارم</div>--}}
    <x-client.pages.foreach-grids :value="$courses" route="show.courses"/>
    <div
        class="border rounded-md shadow shadow-purple-400 p-4"
        x-data="{ expanded: false }">
        <div x-show="expanded"
             x-collapse.min.50px>
            {!! $this->categories->description !!}
        </div>
        <div class="flex justify-end">
            <button
                class="border p-2 rounded-md shadow-md shadow-purple-400"
                @click="expanded = ! expanded">نمایش بیشتر</button>
        </div>
    </div>
</div>