@extends('FrontEndLayouts.frontApp')
@include('FrontEndLayouts.globalJqueryAjaxFunction')
@section('content')
{{-- search section Start --}}
<section class="bg-pentagon py-4">
  <div class="container py-3">
    <div class="row d-flex align-items-center gy-4">
      <div class="col-md-7">
        <h1 class="h2 mb-0 text-uppercase">Article Search</h1>
      </div>
      {{-- <div class="col-md-5">
        <!-- Breadcrumb-->
        <ol class="text-sm justify-content-start justify-content-lg-end mb-0 breadcrumb undefined">
          <li class="breadcrumb-item"><a class="text-uppercase" href="index.html">Home</a></li>
          <li class="breadcrumb-item text-uppercase active">Frequently asked questions </li>
        </ol>
      </div> --}}
    </div>
  </div>
</section>
<section class="py-5 mb-8">
  <div class="container py-4">
    <div class="row gy-4">
      <div class="col-lg-11 col-md-6 block-icon-hover text-center">
        <div class="mb-10">
          <form role="search">
            <div class="input-group mb-10">
              <input class="form-control article-search" type="search" placeholder="Search Article" aria-label="search">
              <button class="btn btn-primary" type="button"><i class="fas fa-search"></i></button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  </div>
</section>
<section class="py-5" style="margin-bottom: 10px">
  <div class="container py-4">
    <div class="row gy-4">
      <!-- Service-->
      <div class="col-lg-3 col-md-6 block-icon-hover text-center">
        <select class="form-select" aria-label="Default select example" name="volumes" id="volumes">
          <option value=" ">---Select Volume---</option>
          @foreach ($volumes as $data)
          <option value="{{$data->id}}">{{$data->volume_name}}</option>
          @endforeach
        </select>
      </div>
      <!-- Service-->
      <div class="col-lg-3 col-md-6 block-icon-hover text-center">
        <select class="form-select" name="issues" aria-label="Default select example" id="issues">
          <option value=" ">---select Issue---</option>
          @foreach ($issues as $data)
          <option value="{{$data->id}}">{{$data->issues_name}}</option>
          @endforeach
        </select>
      </div>
      <!-- Service-->
      <div class="col-lg-3 col-md-6 block-icon-hover text-center">
        <select class="form-select" aria-label="Default select example" name="articles" id="articles">
          <option value=" ">---Select Article---</option>
          @foreach ($articles as $data)
          <option value="{{$data->id}}">{{$data->article_name}}</option>
          @endforeach
        </select>
      </div>
      <div class="col-lg-2 col-md-6 block-icon-hover text-center">
        <button style="padding: 10px 49px 10px 50px" type="button" id="btn-search"
          class="btn btn-primary ">Search</button>
      </div>
    </div>
  </div>
</section>
<hr>
{{-- search section end --}}
<!-- TESTIMONIALS SECTION-->


{{-- search section end --}}
<!-- TESTIMONIALS SECTION-->
<section class="py-5">
  <div class="container py-0">
    <div class="row gy-4">
      <!-- Service-->
      <div class="col-lg-9 col-md-6 block-icon-hover ">
        <div class="py-4 ">
          <div class="list-group" style="margin-top: -15px;">
            <a class="list-group-item list-group-item-action active" aria-current="true">
              <div class="d-flex w-100 justify-content-between" style="padding-top:5px">
                <h5 class="mb-1 text-uppercase">Articles</h5>
              </div>
            </a>

            @php
            use App\Models\back_end\ManuscriptInformationMstModel;
            @endphp
            <table class="table">
              <thead>
                <tr>
                  <th scope="col">#</th>
                  <th scope="col">Title</th>
                  <th scope="col">Abstract</th>
                  <th scope="col">Author</th>
                  <th scope="col">Publish At</th>
                  <th>Download</th>
                </tr>
              </thead>
              <div id="showSearchArticle" class="showSearchArticleVolumesIssues">
                @foreach ($manuscripts as $key => $manuscript)
                <tbody>
                  <tr>
                    <th scope="row">{{$key+1}}</th>
                    <td>{{$manuscript->title}}</td>
                    <td>{{$manuscript->abstract}}</td>
                    <td>{{$manuscript->getAuthors->authors_name}}</td>
                    <td><span style="font-size: 14px; color:blue"
                        class="">{{ManuscriptInformationMstModel::timeAgo($manuscript->published_date)}}</span></td>
                    <td><a href="{{url('/uploads/manuscript/'.$manuscript->getManuscriptDocuments->manuscript_doc)}}"
                        target="_blank">
                        <span>
                          <img style="color:#D42329 !important" width="20" height="20"
                            src="{{asset('frontEndAssets/img/1200px-PDF_file_icon.svg.png')}}" alt="">
                        </span>
                      </a>
                    </td>
                  </tr>

                </tbody>
                @endforeach
              </div>
            </table>
          </div>

          <div class="d-flex align-items-center justify-content-between">
            <a class="disabled" style="margin-bottom: 22px"></a>
          </div>
        </div>
      </div>


      <div class="col-lg-3 col-md-6 block-icon-hover ">
        @include('FrontEndLayouts.keyDates')
        @include('FrontEndLayouts.newsUpdates')
      </div>

    </div>
  </div>
  </div>
</section>
@endsection