@extends('layouts.md-frontend-subpage')
@section('title', trans('cruds.researchArticle.title'))
@section('content')

    <section class="pt-3 pb-4" id="count-stats">
        <div class="container">
            @include('search.simpleSearch')

            <div class="container py-1">
                <div class="row">
                    <div class="col-12">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item text-dark opacity-5">
                                    <i class="fa fa-home"></i>
                                    <a href="{{ route('welcome') }}">{{ trans('global.home') }}</a>
                                </li>
                                @for ($i = 2; $i <= count(Request::segments()); $i++)
                                    <li class="breadcrumb-item text-dark active" aria-current="page">
                                        <a
                                            href="{{ URL::to(implode('/', array_slice(Request::segments(), 0, $i, true))) }}">
                                            {{ trans('cruds.scientificArea.title_singular') }}
                                        </a>
                                    </li>
                                @endfor
                            </ol>
                        </nav>

                        {{-- <div class="row text-align-center">
                            <div class="col-lg-12 col-sm-12 col-12">
                                <a class="btn btn-sm btn-dark" href="{{ route('welcome') }}" style="float:right;">
                            {{ trans('global.back') }}</a>
                            </div>
                        </div> --}}
                        <div class="container">
                            <div class="row ng-scope">
                                <div class="col-md-9 col-md-pull-3">
                                    @if ($scientificAreasCat)
                                        <p class="search-results-count">{{ trans('global.searchedresults2') }} <strong>
                                                {{ $scientificAreaCount }} </strong> {{ trans('global.searchedresults3') }}
                                            {{ trans('global.searchedresults4') }} <strong>{!! $scientificAreasCat[0]->en_name !!}</strong>
                                        </p>
                                    @endif

                                    @if ($scientificAreaCount != 0)
                                        @foreach ($scientificAreas as $value)
                                            <section class="search-result-item">
                                                <div class="search-result-item-body">
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                            <h5 class="search-result-item-heading"><a
                                                                    href="{{ route('search.show', $value->research_article_id) }}">{{ $value->title }}</a>
                                                            </h5>
                                                            <p class="text-sm">
                                                                <i class="fa fa-calendar" aria-hidden="true"></i>
                                                                {{ trans('cruds.researchArticle.fields.date_of_publication') }}
                                                                :
                                                                {{ Carbon\Carbon::parse($value->date_of_publication)->format('d-m-Y') }}
                                                                <span
                                                                    class="badge badge-sm  bg-gradient-success">{{ App\Models\ResearchArticle::PUBLISH_STATUS_SELECT[$value->publish_status] ?? '' }}</span>
                                                            </p>
                                                            <p class="search-result-item-heading"></p>
                                                            <p class="text-dark">{!! Str::limit($value->abstract, 100) !!}
                                                                <a href="{{ route('search.show', $value->research_article_id) }}"
                                                                    class="text-danger icon-move-right">{{ trans('global.read_more') }}
                                                                    <i class="fas fa-arrow-right text-sm ms-1"
                                                                        aria-hidden="true"></i>
                                                                </a>
                                                            </p>
                                                        </div>
                                                        {{--  <div class="col-sm-3 text-align-center">
                                                            <p><span class="badge bg-info text-dark">
                                                                    {!! $value->name !!}</span>
                                                            </p>
                                                               <a class="btn btn-xs btn-primary" href="{{ route('search.show', $value->research_article_id) }}">{{ trans('global.view') }}</a> -
                                                        </div> --}}
                                                    </div>
                                                </div>
                                            </section>
                                        @endforeach
                                        {{ $scientificAreas->links() }}
                                    @else
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <div class="alert alert-warning">
                                            <p style="text-align: center;">{{ trans('cruds.dashboard.no_data') }} </p>
                                        </div>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>

                                    @endif
                                </div>
                                <div class="col-md-3 col-md-push-9">
                                    @include('search.searchRightside')
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
    @parent
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $("#frmSearch").submit(function() {
                if ($('#searchtext').val().length < 5) {
                    Swal.fire({
                        title: `Please enter min. 5 characters atleast`,
                        icon: "warning",
                        confirmButtonText: 'Ok',
                        dangerMode: true,
                    })
                    return false;
                }

                $(this).submit(function() {
                    return false;
                });
                return true;
            });
        });
    </script>
@endsection