@extends('layouts.app')

@section('content')
    @php
        $banner = !empty($arPageDetails['szBannerImage'])
            ? asset('uploads/innerBanner/' . $arPageDetails['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">

           

            <h1 class="display-3 fw-bold mb-3">
                {{ fixed($arPageDetails['szPageTitle'],'समाचार में जेडएसआई') }}
            </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 active text-warning">
                         {{ $szLanguageCode == 'hi' ? 'नई रिलीज' : 'New Release' }}
                    </li>

                    <li class="breadcrumb-item active text-warning">
                        {{ fixed($arPageDetails['szPageTitle'],'समाचार में जेडएसआई') }}
                    </li>
                </ol>
            </nav>

        </div>

    </section>


       {{-- News Table --}}
         <section class="section-property foo mt-5">
    @if (!empty($arZSINews))
        <div class="container background-card ">
            <div class="row offset-margin">
                <div class="col-lg-12">

                    <table class="table table-bordered table-hover">
                        <thead class="table-dark">
                            <tr>
                                <th>S.No</th>
                                <th>Name</th>
                                <th>Published Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($arZSINews as $index => $ZSINews)
                                <tr>
                                    <td>{{ $index + 1 }}</td>

                                    <td>
                                        {{ $szLanguageCode == 'hi' ? $ZSINews['szHindiTitle'] : $ZSINews['szTitle'] }}
                                    </td>

                                    <td>{{ $ZSINews['dtPublishedOn'] }}</td>

                                    <td>
                                        <a class="office-corner" target="_blank"
                                            href="{{ asset(
                                                'uploads/documents/zsi-in-news/' .
                                                    ($szLanguageCode == 'hi' ? 'hindi/' . $ZSINews['szDocumentsHindi'] : 'english/' . $ZSINews['szDocuments']),
                                            ) }}">

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

                                            View
                                        </a>
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
      <div class="text-end mt-4 mb-4 container ">

                <a href="javascript:history.back()" class="btn btn-success">

                    <i class="fas fa-arrow-left me-2"></i>

                   {{__('messages.previous')}}

                </a>

            </div>
    {{-- Back Button --}}
  
            </section>
@endsection