@extends('site.master')
@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">
                            {{ isset($record->name) ? $record->name : '' }}</h1>
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="d-main">
        <div class="container mb-3 pb-3">
            <div class="row">
                <div class="col-lg-3 col-12 mb-3">
                    <div class=" title fs-6 mb-2 fw-bold text-secondary">
                        <span> {{ isset($record->name) ? $record->name : '' }} </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 d-none">
                        <ul class="list-unstyled sidemenu-cont-s">
                            @php
                                $parent_dept = '';
                            @endphp
                            @foreach ($departments as $department)
                                <div class="nav-item">
                                    @if ($department->parent_id == 0)
                                        @php
                                            $parent_dept = $department->id;
                                        @endphp
                                        <a class="items-cont-s  ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2 dropdown-toggle
                                         {{ $record->slug == $department->slug ? 'active' : '' }}"
                                            href="{{ route('department.front.show', $department->slug) }}" role="button"
                                            aria-controls="navbarMenuName" data-bs-target="#navbarMenuName"
                                            aria-expanded="false">

                                            <span class="nav-link-title">{{ $department->name }}</span>
                                        </a>
                                    @endif

                                    @if ($department->id == $parent_dept)
                                        <div id="{{ $department->slug }}" class="nav-collapse collapse show"
                                            data-bs-parent="#navbarMenu" hs-parent-area="#navbarMenu">

                                            @foreach ($departments as $dept)
                                                @if ($dept->parent_id == $department->id)
                                                    <a class="items-cont-a nav-link ps-4 d-flex align-items-center p-3 justify-content-start border-bottom border-2
                                                {{ $record->slug == $department->slug ? 'active' : '' }}"
                                                        href="{{ route('department.front.show', $dept->slug) }}"
                                                        id="{{ $dept->slug }}">{{ $dept->name }}</a>
                                                @endif
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </ul>
                    </div>
                </div>

                <div class="col-lg-9 col-12 mb-3">
                    <div class="news-head mb-3">
                        <div class="border-bottom border-1 border-secondary 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-blue"> <i
                                                        class="fa-solid fa-house"></i> Home</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">
                                                        {{ isset($record->name) ? $record->name : '' }}</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 class="container-fluid">
                            @if ($record)
                                <div class="dtail-image pt-3 mb-3">
                                    <img src="{{ asset($record->image) }}" alt="page_content" class="mb-2 w-100">
                                </div>
                                <div class="dtail-content  text-p fs-7 lh-lg text-justify">
                                    {!! isset($record->description) ? html_entity_decode($record->description, ENT_QUOTES, 'UTF-8') : '' !!}
                                </div>
                            @endif
                        </div>

                        <section id="index-box" class="container-fluid d-none">
                            <div class="row">
                                <div class=" index-box d-flex align-items-center justify-content-evenly mb-3 p-2 ">
                                    <div class="">
                                        <!-- <i class="fa-solid fa-circle-info fa-xl"></i> -->
                                        <img src="{{ asset('images/icon/news-notice/Info Squared.svg') }}" alt=""
                                            width="45px">
                                    </div>

                                    <span class="fs-7">
                                        के तपाईं आफूले हेरेको जानकारीबाट सन्तुष्ट हुनुहुन्छ?
                                    </span>

                                    <form class="checkbox align-item-center fsc-8">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1"
                                                value="option1">
                                            <label class="form-check-label" for="inlineCheckbox1">धेरै
                                                सन्तुष्ट</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox2"
                                                value="option2">
                                            <label class="form-check-label" for="inlineCheckbox2">सन्तुष्ट</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox3"
                                                value="option3">
                                            <label class="form-check-label" for="inlineCheckbox3">सामान्य
                                                गुनासो</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="inlineCheckbox4"
                                                value="option4">
                                            <label class="form-check-label" for="inlineCheckbox4">धेरै
                                                असन्तुष्ट</label>
                                        </div>

                                        <input type="checkbox" class="btn-check" id="btn-check-2" checked
                                            autocomplete="off">
                                        <label class="btn btn-primary btn-sm fs-7" for="btn-check-2">पेश गर्नुहोस्</label>
                                    </form>
                                </div>
                            </div>
                        </section>
                    </div>

                </div>
            </div>

        </div>
        </div>
    </section>




    {{-- <div class="d-none">
        <div class="banner-section"
            style="background: url('https://demo.xpeedstudio.com/evenex/home-main/wp-content/themes/evenex/assets/images/banner/bg_banner.png')">
            <div class="hr-content">
                <div class="container">
                    <h2 class="d-flx text-bold text-white">{{ $record->title }}</h2>
                </div>

            </div>
        </div>
        <div class="clearfix"></div>
        <div class="container">
            <div class="row">
                <div class="col-8">
                    <div class="d-main">
                        <div class="dtail-image">
                            @if (!empty($record->image))
                                <img src="{{ asset($record->image) }}" class="card-img-top" alt="" />
                            @else
                                <img src="{{ asset('images/welcome.jpg') }}" class="card-img-top" alt="">
                            @endif
                        </div>
                        <div class="dtail-meta"></div>
                        <div class="dtail-content text-justify">
                            {!! $record->description !!}
                        </div>
                        @if (!empty($record->file))
                            <a class="btn btn-primary" href="{{ asset($record->file) }}" role="button"
                                download>Download</a>
                        @endif
                    </div>

                </div>
                <div class="col-4">
                    <aside>
                        <div class="serch-"></div>
                    </aside>
                    @include('site.sidebar.sidebar')
                </div>
            </div>
        </div>



        <section class="page-content section-content iec-publication  mbt-30 pbt-60">
            <div class="container">

                <div class="section-title font-weight-bold tl-cl-two mb-4 t-tup">
                    आईईसी सामग्रीहरू
                </div>
                <div class="iec-tabs-contents">
                    <nav>
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                                aria-selected="true">Home</button>
                            <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
                                aria-selected="false">Profile</button>
                            <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab"
                                data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact"
                                aria-selected="false">Contact</button>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                            ...</div>
                        <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">...
                        </div>
                        <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">...
                        </div>
                    </div>


                </div>

            </div>
        </section>
    </div> --}}
@endsection