@extends('layouts.app')

@section('content')
    @php
        $banner = !empty($menu->szBannerImage)
            ? asset('uploads/abouts/' . $menu->szBannerImage)
            : asset('uploads/abouts/brief.jpg');
    @endphp
    <section class="page-banner position-relative d-flex align-items-end"
        style="background-image:url('{{ $banner }}');
           background-position:center;
           background-size:cover;
           background-repeat:no-repeat;
           min-height:450px;">

        <div class="position-absolute top-0 start-0 w-100 h-100 banner-overlay"></div>

        <div class="container position-relative text-white pb-5">

            <span class="page-tag">

            </span>

            <h1 class="display-3 fw-bold mb-3">
                {{-- {{ html_entity_decode($page->szPageTitle) }} --}}
                {{ __('messages.implink') }}
            </h1>

            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{ url('/') }}" class="text-white text-decoration-none">
                            {{ __('messages.home') }}
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ url('/') }}" class="text-white text-decoration-none">
                            {{ __('messages.implink') }}
                        </a>
                    </li>
                    {{-- <li class="breadcrumb-item active text-warning">
                        {{ lang('szLinkName', 'szHindiLinkName') }}

                    </li> --}}
                </ol>
            </nav>

        </div>

    </section>
    {{-- Achievements Section --}}
    <section class="achievement-section py-5" data-aos="fade-up">

        <div class="container">

            <!-- Section Heading -->
            {{-- <div class="text-center mb-5">

                <span class="achievement-badge">
                    Achievements
                </span>

                <h2 class="achievement-title">
                    Scientific Achievements & Discoveries
                </h2>

                <p class="achievement-subtitle">
                    Milestones in biodiversity exploration, wildlife conservation and species discoveries.
                </p>

            </div> --}}
            <div class="row">
                <div class="col-lg-3">

                    <div class="sidebar shadow-sm">

                        <div class="list-group rounded-0">

                            {{-- <a href="#" class="list-group-item active">
                                <i class="fas fa-circle-arrow-right"></i>
                                ENEWS
                            </a> --}}
                            @forelse($parentLinks as $index => $link)
                                {{-- <div class="col-md-6" data-aos="zoom-in" data-aos-delay="{{ $index * 100 }}"> --} --}}
                                <a href="{{ route('important-links', ['lang' => 'en', 'parent' => $link->id]) }}"
                                    class="list-group-item active" title="{{ $link->szLinkName }}">
                                    <i class="fas fa-circle-arrow-right me-2"></i>

                                    <span>{{ lang($link->szLinkName, $link->szHindiLinkName) }}</span>

                                    {{-- <i class="fas fa-circle-arrow-right"></i> --}}
                                    {{-- <div class="flex-grow-1"> --}}
                                    {{-- <h5>{{ $link->szLinkName }}</h5> --}}
                                    {{-- <small>Explore Resource</small> --}}
                                    {{-- </div> --}}

                                    {{-- <i class="fas fa-arrow-right arrow"></i> --}}

                                </a>

                                {{-- </div> --}}

                            @empty

                                <div class="col-12">

                                    <div class="alert alert-light text-center shadow-sm">
                                        No Important Links Available.
                                    </div>

                                </div>
                            @endforelse



                        </div>

                    </div>

                </div>

                <div class="col-lg-9">

                    <div class="table-card shadow-sm">

                        <div class="table-responsive">

                            <table class="table table-hover align-middle mb-0">

                                <thead id="detail">

                                    <tr>

                                        <th width="10%">S.No</th>

                                        <th>Title</th>

                                        <th width="25%">Publish Date</th>

                                        <th width="20%">View</th>

                                    </tr>

                                </thead>
                                <tbody>

                                    @forelse($importantLinks as $index => $link)
                                        <tr>

                                            <td>
                                                {{ $importantLinks->firstItem() + $index }}
                                            </td>

                                            <td>
                                                {{ lang($link->szTitle, $link->szHindiTitle) }}
                                            </td>

                                            <td>
                                                {{ $link->dtPublishedOn }}
                                            </td>

                                            <td>
                                                <a class="office-corner" target="_blank"
                                                    href="{{ asset('uploads/documents/importantLinks/english/' . $link->szDocuments) }}">

                                                    <img src="{{ asset('images/icons/pdf-icon.png') }}" width="30">
                                                    {{ $lang == 'hi' ? 'डाउनलोड' : 'Download' }}

                                                </a>

                                                {{-- <a class="office-corner" target="_blank"
                                                    href="{{ asset('uploads/documents/importantLinks/'.($lang=='hi' ? 'hindi/'.$link->szDocumentsHindi : 'english/'. $link->szDocuments),)}}">

                                                    <img src="{{ asset('images/icons/pdf-icon.png') }}"
                 width="30">
                                                    {{ $lang == 'hi' ? 'डाउनलोड' : 'Download' }}

                                                </a> --}}

                                            </td>

                                        </tr>

                                    @empty

                                        <tr>

                                            <td colspan="4" class="text-center">
                                                No Records Found
                                            </td>

                                        </tr>
                                    @endforelse

                                </tbody>
                                {{-- <tbody>
                                    @forelse ($importantLinks as $index => $value)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>{{ $lang == 'hi' ? $link->szHindiTitle : $link->szTitle }}</td>
                                            <td>{{ $link->dtPublishedOn }}</td>

                                            <td>
                                                href="{{ asset(
                                                    'uploads/documents/' .
                                                        $szDocumentDirectory .
                                                        '/' .
                                                        ($lang == 'hi' ? 'hindi/' . $link->szDocumentsHindi : 'english/' . $link->szDocuments),
                                                ) }}"
                                                <img src="{{ asset('assets/images/pdf-icon.png') }}">
                                            </td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody> --}}

                            </table>

                        </div>

                    </div>

                </div>
            </div>



        </div>

    </section>


    {{-- Back  Top --}}
    <a href="#home" class="back-to-top">Top </a>
@endsection