@extends('user.layouts.app')

@section('body_class', 'Tolly Fest 2025')

@section('content')
     
   <section class="banner-slider">
      <div class="slider-item"><img src="./images/subBanner/directory-banner1.jpg" alt="Slide 2"></div>
      <div class="slider-item"><img src="./images/subBanner/directory-banner1.jpg" alt="Slide 3"></div>
    </section>

    <div class="banner-inner-content">
      <div class="container">
        <ul class="bread-come">
          <li>
            <a href="javascript:void(0)">Home</a>
          </li>
          <li>Tolly Fest Notice</li>
        </ul>
      </div>
    </div>

    <section class="tolly-fest-notice-sec">
      <div class="container">
        <div class="page-title">
          <h4 data-aos="fade-up">Tolly Fest Notice</h4>
        </div>
      </div>
    </section>

    <section class="custom-table-section">
      <div class="container">
        <table class="custom-table">
          <thead>
            <tr>
              <th class="slNo">SL No</th>
              <th class="date">Date</th>
              <th class="particulars">Particulars</th>
              <th class="file">File</th>
            </tr>
          </thead>
          <tbody>
           @foreach($tollyFestNotices as $tollyFestNotice)
    <tr>
        <td >{{ $tollyFestNotice->id }}</td>
        <td class="date" data-label="Date">{{ $tollyFestNotice->date }}</td>
        <td class="particulars" data-label="Particulars">{{ $tollyFestNotice->notice_title }}</td>
        <td class="file" data-label="File">
            <a href="#" 
               target="_blank" class="btn btn-primary">
               View
            </a>
        </td>
    </tr>
@endforeach

            <!-- <tr>
              <td class="slNo" data-label="SL No">3</td>
              <td class="date" data-label="Date">22/12/2024</td>
              <td class="particulars" data-label="Particulars">Icon Auction | 28th Dec'24 | 6 pm @ Main Lawn</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr> -->
            <!-- <tr>
              <td class="slNo" data-label="SL No">4</td>
              <td class="date" data-label="Date">13/12/2024</td>
              <td class="particulars" data-label="Particulars">Qualifiers Schedule</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr>
            <tr>
              <td class="slNo" data-label="SL No">5</td>
              <td class="date" data-label="Date">19/11/2024</td>
              <td class="particulars" data-label="Particulars">Tolly Fest 2025- Registration Extended</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr>
            <tr>
              <td class="slNo" data-label="SL No">6</td>
              <td class="date" data-label="Date">15/11/2024</td>
              <td class="particulars" data-label="Particulars">Tolly Fest Registration-03 Days Left</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr>
            <tr>
              <td class="slNo" data-label="SL No">7</td>
              <td class="date" data-label="Date">13/11/2024</td>
              <td class="particulars" data-label="Particulars">Countdown has Begun for Registrations</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr>
            <tr>
              <td class="slNo" data-label="SL No">8</td>
              <td class="date" data-label="Date">04/11/2024</td>
              <td class="particulars" data-label="Particulars">Tolly Fest - REGISTRATIONS NOW OPEN</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr>
            <tr>
              <td class="slNo" data-label="SL No">9</td>
              <td class="date" data-label="Date">03/11/2024</td>
              <td class="particulars" data-label="Particulars">Tolly Fest 2025</td>
              <td class="file" data-label="File"><a href="#" class="btn btn-primary view">View</a></td>
            </tr> -->
          </tbody>
        </table>
      </div>
    </section>
@endsection

@section('footer')
<!-- footer bottom appears here -->
@endsection

@push('scripts')
<script>
    let slideIndex = 1;
    showSlides(slideIndex);

    function plusSlides(n) {
        showSlides(slideIndex += n);
    }

    function currentSlide(n) {
        showSlides(slideIndex = n);
    }

    function showSlides(n) {
        let i;
        let slides = document.getElementsByClassName("mySlides");
        let dots = document.getElementsByClassName("dot");
        if (n > slides.length) {
            slideIndex = 1
        }
        if (n < 1) {
            slideIndex = slides.length
        }
        for (i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
        }
        for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" active", "");
        }
        slides[slideIndex - 1].style.display = "block";
        dots[slideIndex - 1].className += " active";
    }
</script>
@endpush