@extends('user.layouts.app')

@section('body_class', 'tender')

@section('content')
<section class="banner-slider">
  @foreach($bannerImages as $image)
  <div class="slider-item"><img src="{{ asset('/storage/distribution/images/banner_image/' . $image->image) }}"
      alt="Slide {{ $loop->iteration }}"></div>
  @endforeach
</section>
<!-- Login Area -->
<div class="banner-inner-content">
  <div class="container">
    <ul class="bread-come">
      <li>
        <a href="/">Home</a>
      </li>
      <li>Tender</li>
    </ul>
  </div>
</div>
<div class="container contact-wrapper d-flex align-items-center justify-content-center">
  <div class="row w-100 justify-content-center">

    <div class="section-inner">

      <div class="section-description">
        <div class="overflow-auto">
          <table class="payment-table-list">
            <thead>
              <tr>
                <th>Sl. No.</th>
                <th>Notice Date</th>
                <th>Tender Date</th>
                <th>Tender Last Submission Date </th>
                <th>Description</th>
                <th>Download  Pdf </th>
                <th>View Image </th>
              </tr>
            </thead>
            <tbody>

              @if($tenders->isEmpty())
              <tr>
                <td colspan="7" class="text-center">No data found</td>
              </tr>
              @else
              @php $i = 1; @endphp
              @foreach($tenders as $tender)
              <tr>
                <td>{{ $i }}</td>
                <td>{{ optional($tender->notice_date)->format('d-m-Y') }}</td>
                <td>{{ optional(($tender->tender_date))->format('d-m-Y') }}</td>
                <td>{{ optional($tender->tender_last_submission_date)->format('d-m-Y') }}</td>
                <td>{{ $tender->description }}</td>
                <td>
                  @if(!empty($tender->file_upload_pdf))
                  <a href="{{ asset($tender->file_upload_pdf) }}" target="_blank">View PDF</a>
                  @else
                  N/A
                  @endif
                </td>
                <td>
                  @if(!empty($tender->file_upload_image))
                  <img src="{{ asset($tender->file_upload_image) }}" alt="Tender Image" class="img-fluid"
                    style="max-width: 120px; height: auto;">
                  @else
                  N/A
                  @endif
                </td>

              </tr>
              @php $i++; @endphp
              @endforeach
              @endif
            </tbody>
          </table>
        </div>
      </div>

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


@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