@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-->
    <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
                            <span id="showSearchArticle" class="showSearchArticleVolumesIssues">
                                @foreach ($manuscripts as $manuscript)
                                    <span class="list-group-item list-group-item-action">
                                        <a href="#" style="text-decoration: none; color:black">
                                            <div class="d-flex w-100 justify-content-between">
                                                <h5 class="mb-1 text-capitalize">
                                                    {{-- <i class="fa fa-edit" style="color: cadetblue"></i> --}}
                                                    {{ $manuscript->title }}
                                                </h5>
                                            </div>
                                            <p class="mb-1" style="text-align: justify;">
                                                {{ substr($manuscript->manuscript_description, 0, 300) }}
                                                <a href="{{ url('articlesDetail/' . $manuscript->id) }}"
                                                    style="text-decoration: none;">
                                                    <span>...More</span>
                                                </a>
                                            </p>
                                        </a>
                                        <small class="text-muted">
                                            Author: {{ $manuscript->authors_name }}

                                            <span style="font-size: 14px; color:blue"
                                                class="">{{ ManuscriptInformationMstModel::timeAgo($manuscript->published_date) }}</span>
                                        </small>
                                        <a href="{{ url('/uploads/manuscript/' . $manuscript->getManuscriptDocuments->manuscript_doc) }}"
                                            target="_blank">
                                            <span style="float: right;">
                                                <img style="color:#D42329 !important" width="20" height="20"
                                                    src="{{ asset('frontEndAssets/img/1200px-PDF_file_icon.svg.png') }}"
                                                    alt="">
                                            </span>
                                        </a>
                                    </span>
                                @endforeach
                            </span>
                        </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 class="col-lg-3 col-md-6 block-icon-hover ">
                    @include('FrontEndLayouts.keyDates')
                    @include('FrontEndLayouts.newsUpdates')
                </div>

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