@extends('layouts.app')
@section('content')
    {{-- Banner --}}
    <section class="page-banner position-relative d-flex align-items-end" style="background-image:url('{{ asset('uploads/abouts/common-banner.jpg') }}'); 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">
                {{ $page->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">
                      <a class="text-white hover-yellow" href="javascript:void(0);">
                        Regional Centres and HQ                      </a>
                    </li>

                      <li class="breadcrumb-item">
                                        <a class="text-white hover-yellow"
                                            href="{{ url('rc-with-map') }}">
                                            {{ $szLanguageCode == 'hi' ? 'क्षेत्रीय केंद्र' : 'Regional Centres' }}
                                        </a>
                    </li>
                     <li class="breadcrumb-item">
                                        <a class="text-white hover-yellow"
                                            href="{{ url('regional-centres?rc='.$rc) }}">
                                            {{ lang($menuName['szName'],$menuName['szHindiName']) }}
                                        </a>
                    </li>              

                    <li class="breadcrumb-item active text-warning">
                        {{ lang($menuName['szName'],$menuName['szHindiName']) }} {{ __('messages.whats_new') }}
                    </li>
                </ol>
            </nav>

        </div>

    </section>
    
     <section class="section-property foo mt-5">
          <h3 align="center">{{ __('messages.whats_new') }}</h3>
          <div class="container">
          @if($arWhatsNewRc->count())
            <table class="table">
              <thead class="thead-dark">
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">{{ __('messages.name') }}</th>
                  <th scope="col">{{ __('messages.view') }}</th>
                </tr>
              </thead>
              <tbody>              
                @foreach ($arWhatsNewRc as $c=>$WhatsNewRc)               
                    <tr>
                      <td scope="row">1</td>
                      <td>{{ lang($WhatsNewRc['szTitle'],$WhatsNewRc['szHindiTitle']) }}</td>
                      <td>
                      @php            
                        $baspath = "uploads/documents/whatsnewforRC/";
                         $langFolder = fixed ('english','hindi');
                          @endphp
                      <a href=" {{ asset($baspath.$langFolder.'/'.lang($WhatsNewRc['szDocuments'],$WhatsNewRc['szDocumentsHindi'])) }}" target="_blank">
                        <span>
                                <i class="fa fa-eye" title="View"></i>
                            </span>
                            View</a>
                          </td>
                    </tr>
                 @endforeach   
              </tbody>
            </table>
            @else
                <div class="col-12 mt-5">
                        <p class="text-center fw-bold">
                         {{ __('messages.data_will_be_updated_soon') }}
                        </p>
                    </div>
            @endif
            <div class="text-end mt-4 mb-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>
    


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