@extends('site.master')
@section('title', $requested_category->title)
@section('main-content')
    <section class="af-hdr mb-4">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="d-flex justify-content-center align-items-center">
                        <h1 class="fs-4 fw-bold text-white  fnt-fam-ser">
                            @lang('language.' . $requested_category->slug)
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="publication" id="d-main">
        <div class="container-custom-a mb-3 pb-3">
            <div class="row ">
                <div class="col-lg-3 col-12 mb-3">
                    <div class=" title text-nowrap fs-6 mb-2 fw-bold text-secondary">
                        <span>@lang('language.' . $requested_category->slug)</span>
                    </div>
                    <div class="">
                        <img src="{{ asset('images/icon/news-notice/detail-icon.svg') }}" alt="" width="">
                    </div>
                    <div class="d-flex flex-column flex-grow-1 ">
                        <ul class="list-unstyled sidemenu-cont-s">
                            <div class="nav-item">
                                <a class="items-cont-s ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2 active"
                                    href="#"> <span class="nav-link-title">
                                        @lang('language.news_notices')</span>
                                </a>
                            </div>

                            <div class="nav-item">
                                <a class="items-cont-s ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2"
                                    href="#"> <span class="nav-link-title">
                                        @lang('language.press_release')</span>
                                </a>
                            </div>

                            <div class="nav-item">
                                <a class="items-cont-s ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2 dropdown-toggle"
                                    href="#navbarMenuName" role="button" data-bs-toggle="collapse"
                                    data-bs-target="#navbarMenuName" aria-controls="navbarMenuName" aria-expanded="true">
                                    <span class="nav-link-title">
                                        Bulletin</span>
                                </a>

                                <div id="navbarMenuName" class="nav-collapse collapse" data-bs-parent="#navbarMenu"
                                    hs-parent-area="#navbarMenu">
                                    <a class="items-cont-a ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2"
                                        href="#" id="sub-menu1">Foreign Employment Management</a>
                                    <a class="items-cont-a ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2"
                                        href="#" id="sub-menu2">Coordination and Information</a>
                                </div>
                            </div>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-9 mb-3">
                    <div class="news-head text-nowrap mb-3">
                        <div class="border-bottom border-1 border-secondary">
                            <div class="container-fill mb-3">
                                <div class="row">
                                    <div class="col-10">
                                        <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                                            <ol class="breadcrumb mb-2">

                                                <li class="breadcrumb-item">
                                                    <a href="{{ URL::to('/') }}"
                                                        class="text-decoration-none text-secondary">
                                                        <i class="fa-solid fa-house"></i></a>
                                                    </a>
                                                </li>
                                                <li class="breadcrumb-item active" aria-current="page">
                                                    <span>
                                                        <h3
                                                            class="heading-4 fs-6 fw-bold fnt-fam-ser text-blue text-nowrap">
                                                            @lang('language.' . $requested_category->slug)</h3>
                                                    </span>
                                                </li>
                                            </ol>
                                        </nav>
                                    </div>
                                    {{-- <div class="col-2">
                                        <span class="text-black-50 px-1"><i class="fa-solid fa-print fa-lg"></i></span>
                                        <span class="text-black-50 px-1"><i
                                                class="fa-solid fa-share-nodes fa-lg"></i></span>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="content-main-body mb-3">
                        <div class="press-r mb-3">
                            <div class="content-list-s">
                                @foreach ($requested_posts as $post)
                                    <div class="list-rel">
                                        <div class="border p-3">
                                            <div class="row">
                                                <div class="col-lg-2 d-flex justify-content-start align-items-center">
                                                    <div class="d-flex  flex-column px-2" style="width: 80px;">
                                                        <div class="border  ">
                                                            <div class="cal-top text-center">
                                                                <span class="text-danger fs-3 fw-bold ">
                                                                    {{ \Carbon\Carbon::parse($post->published_date)->format('d') }}
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="cal-bottom bg-blue text-center">
                                                            <span class="text-light fsc-8">
                                                                {{ \Carbon\Carbon::parse($post->published_date)->format('M Y') }}
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-7 d-flex justify-content-start align-item-center">
                                                    <div class="d-flex flex-column">
                                                        <div class="">
                                                            <span class="fs-6 text-blue">{{ $post->title }}</span>
                                                        </div>
                                                        <div class="">
                                                            <span class="fs-7 text-black-50">काउन्सेलर (श्रम) तथा श्रम
                                                                {!! $post->description !!}
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3 d-flex justify-content-end align-items-center">
                                                    <span class="les-button">
                                                        <a class="btn btn-sm text-light fs-7"
                                                            href="{{ route('post.show', ['id' => $post->id]) }}"
                                                            role="button">
                                                            View More
                                                        </a>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div>
                        {{ $requested_posts->links() }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection