@extends('layouts.app')

@section('content')

@php
    
      $banner = !empty($page->szBannerImage)
            ? asset('uploads/abouts/' . $page->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">
               
                        {{ lang($menu->szName,$menu->szHindiName)   }}
                    
            </h1>

            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{ url('/') }}" class="text-white text-decoration-none">
                            {{ lang('Home','मुखपृष्ठ') }}
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ url('/') }}" class="text-decoration-none">
                           {{ lang($parent->szName,$parent->szHindiName)   }}
                        </a>
                    </li>

                    <li class="breadcrumb-item active text-warning">
                        <a href="{{ url('/') }}" class=" text-warning text-decoration-none">
                           {{ lang($menu->szName,$menu->szHindiName)   }}
                        </a>
                        
                    </li>
                </ol>
            </nav>

        </div>

    </section>
     <section class="background-section py-5">

        <div class="container">

            <div class="background-card">

                <div class="section-heading">

                    <div class="heading-icon">
                        <i class="fas fa-globe-asia"></i>
                    </div>

                    <div>
                        <h2>{{ lang($menu->szName,$menu->szHindiName)   }}</h2>
                    </div>

                </div>
                <div class="background-content">
                    <div class="container mt-4">
        @include('frontend.load_more_publications')
        <div class="mt-4">
            {{ $publications->links() }}
        </div>

    </div>
                   

                </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>

    </section>

@endsection