@extends('layout.app')
@section('css')
  <style>
    .front, .back {
    background-size: cover !important;
    position: relative;
    backface-visibility: hidden;
    text-align: center;
    min-height: 220px;
    height: auto;
    border-radius: 10px;
    color: #fff;
    font-size: 1.5rem;
    /* margin-bottom: 45px; */
    opacity: 0.9;
    }

    .inner {
    /* transform: translateY(-50%) translateZ(60px) scale(0.94); */
    /* top: 50%; */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* padding: 2rem; */
    box-sizing: border-box;
    outline: 1px solid transparent;
    perspective: inherit;
    z-index: 2;
    }
    .dept_name {
    font-weight: 800;
    font-size: 16px;
    background: rgba(0,0,0,.4);
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px 4px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .front::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    /* background: rgba(0, 0, 0, 0.4); */
    z-index: 0;
    height: 100%;
    left: 0;
    border-radius: 10px;
    }
  </style>
@endsection
@section('content')
<section class="slider-section" style="width: 100%;height:62vh;">
  <div class="swiper-container slideshow">
    <div class="swiper-wrapper">
      @foreach($sliders as $key => $slider)
      <div class="swiper-slide slide {{ $key === 4 ? 'fifth-slide' : '' }}">
      <div class="slide-image" style="background-image: url({{$slider->file}})"></div>
      {{-- @dd($key) --}}
      {{-- @if($key == 0) --}}
      <span class="slide-title">Welcome to ICMR-RMRCNE, Dibrugarh </span>
      {{-- @endif --}}
      </div>
      @endforeach
    </div>
    <div class="slideshow-pagination"></div>
    <div class="slideshow-navigation">
      <div class="slideshow-navigation-button prev"><span class="fa fa-chevron-left"></span></div>
      <div class="slideshow-navigation-button next"><span class="fa fa-chevron-right"></span></div>
    </div>
  </div>
</section>
<!-- slider Area End-->
<section style="height: 35px;">
  <div class="container marquee_div">
    <div class="marquee_tag">
      <span class="element_1">Latest Updates</span>
      <marquee width="80%" onmouseover="this.stop();" onmouseout="this.start();">
        @forelse ($latest_updates as $update )
        @php
        $url = '';
        if($update->pdf_file){
        $url = $update->pdf_file;
        }elseif($update->url){
        $url = $update->url;
        }

        @endphp
        <a href="{{$url}}" style="color:#ec4f19;font-weight:700" target="_blank">{{$update->description}}</a>&nbsp;| &nbsp;   
        @empty
        <a href="#" style="color:red;font-weight:700">No Updates</a>
        @endforelse
      </marquee>
    </div>
  </div>
</section>
{{-- <div class="gcse-search"></div> --}}
<!--? About 1 Start-->
<section class="about-low-area section-padding40">
  <div class="container">
    <div class="row justify-content-between">
      <div class="col-xl-6 col-lg-6 col-md-10">
        <div class="about-caption mb-0">
          <!-- Section Tittle -->
          <div class="section-tittle mb-35">
            <!-- <span class="element">About Us</span> -->
            <span class="element_1">About Us</span>
            <h4>ICMR- Regional Medical Research Centre, NE, Dibrugarh</h4>
          </div>
          @if($about_us != NULL)
          <p style="text-align:justify">{!! Str::limit($about_us,700) !!}</p>

          <a href="https://rmrcne.org.in/content/submenu-content/about-us/introduction"><span class="element_1">Read More</span></a>
          @endif
        </div>
      </div>
      <div class="col-xl-5 col-lg-6 col-md-9 offset-md-1 offset-sm-1">
        <div id="skiptothis" class="about-right-cap">
          <div class="about-right-img">
            <!-- <img src="assets/new_img/about_us.jpg" alt=""> -->
            <img src="./new_img/twitter-img/rmrc-slider-new-4.jpg" alt="">
          </div>
          <div class="img-cap">
            <span>ICMR</span>
            <p>Dibrugarh</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- About  End-->
<!--? Gallery Area Start -->

<div class="gallery-area section-padding40 pb-0">
  <div class="container p-0 fix">
    <div class="row no-gutters">
      <div class="col-xl-4 col-lg-4 col-md-6">
        <div class="single-gallery no-margin text-center">
          <div class="gallery-img" style="background-image: url(assets/img/gallery/gallery2.png);"></div>
          <div class="thumb-content-box" style="background: #05111e;">
            <div class="thumb-content">
              <div class="thumb-content-div">
                <h3 class="notice_heading">Director's Message</h3>
                {{-- @if ($directors_msg)
                {!! $directors_msg->brief_description!!}
                @endif --}}
                <div class="director-msg">
                  <div class="message" style="flex: 1;">
                    <!-- <p>Dr. Kalimuthusamy stepped in as the Director of the Indian Council of Medical Research Regional Medical Research Centre Northeast (ICMR-RMRCNE) in the winter of 2023.</p> -->
                  </div>

                  {{-- <div class="image" style="text-align: center;"><img alt="Director's Image" src="https://rmrcne.org.in/public/uploads/user_1701519476.jpg" style="width: 101px; height: 91px;"> --}}
                        <div class="image" style="text-align: center;flex: 0 0 20%;"><img alt="Dr. Suman Kanungo, PhD" src="new_img/suman_kanungo.jpg" style="width: 151px; height: 160px;border-radius: 2px;">
                          <div style="padding-top: 10px;">
                            <h4 style="color:#fff;">Dr. Suman Kanungo, PhD</h4>
                            <h4 style="color:#fff">Director</h4>
                          </div>
                        </div>
                      </div>
                      {{--<a href="{{route('directors-profile')}}">Read More</a>--}}
                      <!-- <button class="read-more-btn"><a href="https://rmrcne.org.in/content/submenu-content/about-us/directors-profile">Read More</a></button> -->
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="single-gallery text-center">
            <!-- <div class="gallery-img" style="background-image: url(assets/img/gallery/gallery1.png);"></div> -->
            <div class="gallery-img" style="background: linear-gradient(0deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.92)),url(assets/new_img/slider_1.jpg);"></div>
            <div class="thumb-content-box">
              <div class="thumb-content">
                <div class="thumb-content-div">
                  <h3 class="notice_heading">Training & Services</h3>
                  <p style="text-align:left">To generate and built up bio-medical human resources in North-east India through term training for M.Sc., Ph.D. and MD programmes.</p>
                  <p style="text-align:left">Providing diagnostic services in Malaria, Arboviral diseases, Influenza (including swine flu), various helminthic infections like Paragonimiasis, Cysticercosis (NCC), etc.</p>
                  <button class="read-more-btn" style="margin-top: 3rem;"><a href="https://rmrcne.org.in/content/submenu-content/research/training">Read More</a></button>
                </div>
                <!-- <a href="services.html">Learn More</a> -->      
              </div>
            </div>
          </div>
        </div>

        <div class="col-xl-4 col-lg-4 col-md-6">
          <div class="single-gallery text-center">
            <!-- <div class="gallery-img" style="background-image: url(assets/img/gallery/gallery3.png);"></div> -->
            <!-- <div class="gallery-img" style="background-image: url(assets/new_img/notice-board.png);"></div> -->
            <div class="gallery-img" style="background-image: linear-gradient(0deg, rgba(38,113,172, 0.9), rgba(38,113,172, 0.9)),url(https://t4.ftcdn.net/jpg/02/46/94/25/360_F_246942504_SIgrnAckX1qUTmhV7uomSXaDICeGB1DU.jpg);background-repeat: no-repeat;"></div>
            <div class="thumb-content-box">
              <div class="thumb-content">
                <div class="thumb-content-div">
                  <h3 class="notice_heading">Notice Board</h3>
                  <marquee width="100%" direction="up" scrollamount="2" onMouseOver="this.stop()" onMouseOut="this.start()">
                    <ul>
                      @forelse ($notices as $notice)
                      @php
                      $creationDate = \Carbon\Carbon::parse($notice->created_at);
                      $currentDate = now();
                      $isRecent = $currentDate->diffInDays($creationDate) <= 5;


                      @endphp <li>
                      <a href="{{$notice->pdf_file}}" target="_blank">
                      <b style="color:#f35626">{{$notice->title}}</b>
                      {{$notice->description}}
                      </a>&nbsp;
                      @if($notice->url != NULL) 
                      <a href="{{$notice->url}}">
                      Click here to visit the link</a>
                      @endif 
                      @if($isRecent)
                      <img src="{{asset('new_img/new-gif.webp')}}" alt="" width="30" class="ml-3">
                      @endif
                      </li>
                      @empty
                      <li><a href=""><b style="color:#f35626"></b>No Records Updated</a>
                      </li>
                      @endforelse
                    </ul>
                  </marquee>
                  <button class="read-more-btn"><a href="https://rmrcne.org.in/content/notificaton">Read More</a></button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Gallery Area End -->
  <!--? Categories Area Start -->
<div class="categories-area section-padding40" style="padding-bottom: 90px;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-7 col-lg-8">
                <div class="section-tittle text-center mb-100">
                    <span class="element_1">Departments</span>
                    <h2>Our Scientific Divisions</h2>
                </div>
            </div>
        </div>
        <div class="facilities_container">
            @foreach ($departments as $dept)
            {{-- <div class="col-md-3"> --}}
            <div class="facilities_container-div">
                <div class="front" style="background:url({{$dept->banner_image}})">
                    <div class="inner">
                        <p class="dept_name"><a href="{{route('department-details',$dept->slug)}}"
                                style="font-weight: 800; ">{{$dept->name}}</a></p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        <a href="{{route('view-all-departments','scientific_divisions')}}" class="element_1" style="float:right;margin-right: 1.1rem;">View All</a>
    </div>
</div>
</div>
<!-- categories End -->




<!-- Services Area start -->

<div class="service-area section-bg" data-background="./new_img/twitter-img/rmrc-slider-new-4.jpg1">
    <div class="container">
        <div class="row align-items-end no-gutters" style="padding-bottom: 60px;">
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-main position-relative">
                    <div class="single-wrapper active">
                        <div class="single-services ">
                            <div class="single-services-content">
                                <h4>Media</h4>
                                <div class="media-content">
                                    <div class="media-img">
                                        <img src="{{asset('icon/press-release.png')}}" alt="">
                                    </div>
                                    <div class="media-para">
                                        <a href="{{route('media','press-release')}}">
                                            <p>Press Release</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="media-content">
                                    <div class="media-img">
                                        <img src="{{asset('icon/news-feed.png')}}" alt="">
                                    </div>
                                    <div class="media-para">
                                        <a href="{{route('media','icmr-in-news')}}">
                                            <p>ICMR in News</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="media-content">
                                    <div class="media-img">
                                        <img src="{{asset('icon/gallery.png')}}" alt="">
                                    </div>
                                    <div class="media-para">
                                        <a href="{{route('media','photo-gallery')}}">
                                            <p>Photo Gallery</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="media-content">
                                    <div class="media-img">
                                        <img src="{{asset('icon/video-gallery.png')}}" alt="">
                                    </div>
                                    <div class="media-para">
                                        <a href="{{route('media','video-gallery')}}">
                                            <p>Video Gallery</p>
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-main position-relative ">
                    <div class="single-wrapper active">
                        <div class="single-services ">
                            <div class="single-services-content">
                                <h4>Upcoming Events</h4>
                                @php
                                $events = DB::table('events')
                                ->whereRaw('FIND_IN_SET(?, news_type_id)', [6])
                                ->where('status','=','publish')
                                ->take(9)
                                ->get();
                                @endphp
                                @foreach($events as $event)
                                <div class="event-content">
                                    <figure class="post-thumb"><a href="{{$event->pdf_file}}"><img src="{{asset('new_img/twitter-img/rmrc-slider-new-4.jpg')}}" alt=""></a></figure>
                                    <p><a href="#">{{$event->title}}</a></p>
                                    <div class="post-date"><i class="fa fa-calendar" aria-hidden="true"></i>{{date('d M, Y', strtotime($event->date))}}</div>
                                </div>
                                @endforeach

                            </div>
                            <span class="element_1"><a href="{{route('notifications',['event_type' => '6'])}}">Read More</a></span>
                        </div>
                    </div>
                    {{-- <span class="transparrent-btn active position-absolute">02. State specific research
                            activities in NE</span> --}}
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="single-main position-relative">
                    <div class="single-wrapper active">
                        <div class="single-services ">
                            <div class="single-services-content">
                                @php
                                $events = DB::table('events')
                                ->whereRaw('FIND_IN_SET(?, news_type_id)', [5])
                                ->where('status','=','publish')
                                ->first();
                                @endphp
                                <h4>Achievement</h4>
                                <!-- <img src="https://marketplace.canva.com/EAFL0ccCY9I/1/0/1131w/canva-white-and-blue-simple-company-newsletter-h-3SJjiqUUc.jpg" alt="" style="max-width: 100%;"> -->
                                <p>ICMR-RMRCNE, Dibrugarh, and Meril Diagnostics Pvt Ltd have signed an MoA for the technology transfer of a CRISPR-Cas-based TB detection system developed by Dr Md Atique Ahmed & his team...</p>
                                <iframe width="100%" height="180" src="https://www.youtube.com/embed/K_1xQLEkde0?si=IgzzvR0IK5wkF0GS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                            </div>
                            <span class="element_1"><a href="https://rmrcne.org.in/content/notificaton">Read More</a></span> 
                        </div>
                    </div>

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


<div class="contact-form testimonial-area section-padding30" style="padding-top:0;">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-lg-6 col-md-12" style="padding: 0;">
                <div class="single-gallery">
                    <div class="gallery-img" style="background-image: url(./new_img/twitter-img/new-slider-1.jpg);">
                    </div>
                    <div class="thumb-content-box">
                        <div class="thumb-content">
                            <h3><a href="#">Important <span style="color:#f05c1e">Links</span></a></h3>
                            <ul>
                                @forelse($imp_links as $link)
                                @if($link->url != NULL)
                                <li><a href="{{$link->url}}" target="_blank">{{$link->title}}<img src="" alt=""></a></li>
                                @else
                                <li><a href="{{$link->pdf_file}}" target="_blank">{{$link->title}}<img src="" alt=""></a></li>
                                @endif
                                @empty
                                <li><a href="javascript:void(0)">No Links Added<img src="" alt=""></a></li>
                                @endforelse
                            </ul>
                            <a href="{{route('important-links')}}">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12" style="padding: 0;">
                <div class="form-wrapper">
                    <div class="row ">
                        <div class="col-xl-12">
                            <div class="section-tittle section-tittle2 mb-30">
                                <h2>Feedback</h2>
                            </div>
                        </div>
                    </div>
                    <form id="contact-form" action="{{route('send-feedback')}}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-lg-12 col-md-6">
                                <div class="form-box user-icon mb-15">
                                    <input type="text" name="name" placeholder="Your Name">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6">
                                <div class="form-box email-icon mb-15">
                                    <input type="text" name="email" placeholder="Email">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6">
                                <div class="form-box phone-icon mb-15">
                                    <input type="text" name="phone" placeholder="Phone no.">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-box message-icon mb-15">
                                    <textarea name="message" id="message" placeholder="Message"></textarea>
                                </div>
                                <div class="submit-info">
                                    <button class="submit-btn2" type="submit">Send Message</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Want To work -->
<section class="wantToWork-area gray-bg ">
    <div class="slider">
        <div class="slide-track-1">
            @foreach($partners as $partner)
            <div class="slide">
                <img src="{{$partner->file}}" alt="">
            </div>
            @endforeach
            <!-- <div class="slide">
                    <img src="{{asset('new_img/india.gov_.in_.png')}}" alt="">
                </div>
                <div class="slide">
                    <img src="{{asset('new_img/MyGov-PMO-App.png')}}" alt="">
                </div>

                <div class="slide">
                    <img src="{{asset('new_img/ministryofhealth.png')}}" alt="">
                </div>
                <div class="slide">
                    <img src="{{asset('new_img/healthresearchlogo.png')}}" alt="">
                </div>
                <div class="slide">
                    <img src="{{asset('new_img/PMO_India_Logo.svg.png')}}" alt="">
                </div>
                <div class="slide">
                    <img src="{{asset('new_img/cpgrams.png')}}" alt="">
                </div> -->
        </div>
    </div>
</section>
@endsection

@section('js')
<script>
    var changeClass = function(name) {
        $('#search, #nav ul').removeAttr('class').addClass(name);
    }
</script>
@endsection('js')