@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main >
        <div class="the-container">
            <div class="member-grid-controller">
                <div class="member-navigator relative flex flex-col-reverse lg:flex-col">
                    <div class="form-wrapper service-navi mb-[1.5rem] lg:mb-0 lg:hidden">
                        <select class="form-style" id="menu-news" name="selectName" onchange="location = this.value">
                            @foreach ($data['sub_category'] as $categorys)
                                
                                 <option value="{{url('sharing-category/'.$categorys['slug'][0]['slug'])}}" @if($categorys['slug'][0]['slug'] == $data['slugs']) selected @endif>{{$categorys['name']}}</option>
                
                            @endforeach
                        </select>
                    </div>
                    <div class="sticky lg:top-[85px] mb-[.5rem] lg:mb-0 menu-d">
                        <p class="th-5 fs-24 lg:mb-[1rem] title-article ">{{$data['catename'][0]['name']}}</p>
                        <div class="hidden lg:block">
                            <ul class="mmenu ">
                                @foreach ($data['sub_categorys'] as $category)
                                
                                    <li class="full-url mb-2 il-article" style="{{ $category['slug'][0]['slug'] == $data['slugs'] ? "color:#EAB14B;":""}}">
                                        <p class="th-3 fs-18">{{$category['name']}}</p>                              
                                        <a href="{{ url('sharing-category/'.$category['slug'][0]['slug']) }}"></a>                                                      
                                    </li>

                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="member-information">
                    <div class="layout">
                        @if (!empty($data['sharings']))
                        @foreach ($data['sharings'] as $key => $sharing)
                                <div class="tn:w-1/2 md:w-1/3 mb-[1rem]">
                                    <div class="blog-box-wrapper">
                                        <div class="blog-box-img">
                                            @if (!empty($sharing['image']))
                                            <img src="{{ asset($sharing['image']) }}" >
                                            @else
                                            <iframe width="560" height="315" src="{{$sharing['url_video']}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                                            @endif
                                            <a href="{{ url($sharing['slug']) }}"></a>
                                        </div>
                                        <div class="blog-box-detail">
                                            <div class="blog-main-title ">{!!$sharing['name']!!}</div>
                                            @if (!empty($sharing['image']))
                                            <div class="blog-sub-title ">{!!$sharing['detail']!!}</div>
                                            @endif
                                            <div class="blog-details-title">{{$sharing['date']}}</div>    
                                            <a href="{{ url($sharing['slug']) }}"> </a>
                                        </div>
                                    </div>
                                </div>             
                        @endforeach
                        @endif
                    </div>
                    <div class="mt-6">
                        <ul class="pgntn rounded" role="menubar" aria-label="Pagination">
                        @if (!empty($data['sharings']))
                            @if ($data['sharing']->currentPage() > 1)
                                <li>
                                    <a href="{{ $data['sharing']->previousPageUrl() }}"><span>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                                        <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
                                    </svg></span>
                                    </a>
                                </li>
                            @endif

                            @if(!empty($data['sharings']))
                                @for ($i = 1; $i <= $data['sharing']->lastPage(); $i++)
                                    @if ($data['sharing']->lastPage() > 1)
                                        <li class="{{$data['sharing']->currentPage() == $i ? 'current': '' }}"><a href="{{ url($page_init['lang_switch'][$page_init['lang']].'?page='.$i) }}">{{$i}}</a></li>
                                    @endif                              
                                @endfor
                            @endif
                            @if ($data['sharing']->hasMorePages())
                                <li>
                                    <a href="{{ $data['sharing']->nextPageUrl() }}"><span>
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                                        <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
                                    </svg></span>
                                    </a>
                                </li>
                            @endif
                        @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection