@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">      
            <h1 class="display-3 fw-bold mb-3">
                {{ $szType }}
            </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">
                            {{ $szType }}
                        </a>
                    </li>              
                </ol>
            </nav>
        </div>
    </section>
    <section class="background-section py-5">
        <div class="container">
        <div class="row">
          <div class="col-lg-6" data-aos="fade-right">
            <div class="card">
              <div class="card-body">
                <img src="{{asset('/images/zsi-india-map-reg-center.gif')}}"
                  alt="{{ fixed('India Map','भारत का मानचित्र')}}"
                  usemap="#image_map">
                <map name="image_map">
                  <area alt="APRC Itanagar" target="_blank" title="APRC Itanagar"
                    href="http://localhost/zsi/regional-centres/en?rc=45" coords="526,163,35" shape="circle">
                  <area alt="GPRC Patna" title="GPRC Patna" target="_blank"
                    href="http://localhost/zsi/regional-centres/en?rc=50" coords="361,228,37" shape="circle">
                  <area alt="DRC Jodhpur" title="DRC Jodhpur" target="_blank"
                    href="http://localhost/zsi/regional-centres/en?rc=47" coords="149,214,37" shape="circle">
                </map>

              </div>
            </div>
          </div>
            <div class="col-lg-6" data-aos="fade-left">
            <div class="card">
              <div class="card-body reg-centers">
                <table class="table">
                  <thead class="thead-dark">
                    <tr>
                      <th scope="col">{{__('messages.S.No')}}</th>
                      <th scope="col">{{ __('messages.regional_center') }}</th>
                      <th scope="col">{{ __('messages.action') }}</th>
                    </tr>
                  </thead>
                  <tbody>                  
                    @foreach ($arRegionalCenters as $index=>$RegionalCenters)
                      <tr>
                        <th scope="row">{{ $index + 1 }}</th>
                        <td>
                            {{ $RegionalCenters->szName }}
                        </td>

                        <td>
                          <a title="{{ __('messages.view') }}"
                            href="{{url('regional-centres/?rc=' . $RegionalCenters->id)}}">
                            <span>
                                <i class="fa fa-eye"
                                    title="{{ __('messages.view') }}"></i>
                            </span>
                            {{__('messages.view') }}
                          </a>
                      </td>
                      </tr>
                      @endforeach
                  </tbody>
                </table>
              </div>
            </div>
            <div class="container">

            

            </div>
          </div>
        </div>
   
</div>

    </section>
@endsection