@extends('layouts.app')
@section('content')
    @php
        $banner = !empty($menu->szBannerImage)
            ? asset('uploads/abouts/' . $menu->szBannerImage)
            : asset('uploads/abouts/brief.jpg');
    @endphp

    @php
        $currentParent = $parentLinks->firstWhere('id', request()->route('parent'));
    @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">
                 {{ $currentParent ? lang($currentParent->szLinkName, $currentParent->szHindiLinkName) : '' }}
            </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="#" class="text-white text-decoration-none">
                            {{ __('messages.implink') }}
                        </a>
                    </li>
                    <li class="breadcrumb-item active text-warning" id="breadcrumb-title">
                        {{ $currentParent ? lang($currentParent->szLinkName, $currentParent->szHindiLinkName) : '' }}
                    </li>
                </ol>
            </nav>

        </div>

    </section>
    <section class="achievement-section py-5" data-aos="fade-up">

        <div class="container">
            <div class="row">
                <div class="col-lg-3">

                    <div class="sidebar shadow-sm">
                        <div class="list-group rounded-0">

                            @forelse($parentLinks as $index => $link)
                                <a href="{{ route('important-links', ['parent' => $link->id]) }}"
                                    class="list-group-item {{ request()->route('parent') == $link->id ? 'active' : '' }}"
                                    title="{{ $link->szLinkName }}">
                                    <i class="fas fa-circle-arrow-right me-2"></i>

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

                                </a>



                            @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 sidebar shadow-sm">

                        <div class="table-responsive">

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

                                <thead id="detail">

                                    <tr>

                                        <th width="10%">{{ __('messages.sr_no') }}</th>

                                        <th>{{ __('messages.title') }}</th>

                                        <th width="25%">{{ __('messages.publish_date') }}</th>

                                        <th width="20%">{{ __('messages.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/' . fixed('english', 'hindi') . '/' . lang($link->szDocuments, $link->szDocumentsHindi)) }}">

                                                    <img src="{{ asset('images/icons/pdf-icon.png') }}" width="30">
                                                    {{ fixed('Download', 'डाउनलोड') }}
                                                </a>
                                            </td>

                                        </tr>

                                    @empty

                                        <tr>

                                            <td colspan="4" class="text-center">
                                                {{ __('messages.data_will_be_updated_soon') }}
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div class="mt-4">
                            {{ $importantLinks->links() }}
                        </div>
                    </div>
                    <div class="text-end mt-4">
                        <a href="javascript:history.back()" class="btn btn-success">
                            <i class="fas fa-arrow-left me-2"></i>
                            {{ __('messages.previous') }}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection