@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">
                <div class="row">
                    <div class="col-12">
                        <div class="row text-align-center mb-4">
                            <div class="col-lg-9 col-sm-9 col-12">
                                {{ trans('global.searchedresults') }} <strong>{{ $countResults }}</strong> &nbsp;&nbsp;
                                {{ trans('global.searchedresults4') }}
                                {{ $searchTxt }}
                            </div>
                            <div class="col-lg-3 col-sm-3 col-12">
                                <a class="btn btn-sm btn-dark custom-btn" 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 ($countResults > 0)
                                        @foreach ($searchResults as $key => $searchResult)
                                            <section class="search-result-item">
                                                <div class="search-result-item-body">
                                                    <div class="row">
                                                        <div class="col-sm-9">
                                                            <h5 class="my-2"><i
                                                                    class="material-icons text-gradient text-primary text-3xl">biotech</i>
                                                                <a
                                                                    href="{{ route('search.show', $searchResult->id) }}">{{ $searchResult->title }}</a>
                                                            </h5>
                                                            <p class="description"> <i class="fa fa-calendar"
                                                                    aria-hidden="true"></i>
                                                                {{ trans('cruds.researchArticle.fields.date_of_publication') }}
                                                                :
                                                                {{ Carbon\Carbon::parse($searchResult->date_of_publication)->format('d-m-Y') }}
                                                                <br>
                                                                {{ trans('cruds.researchArticle.fields.author') }}
                                                                - {{ $searchResult->author }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        @endforeach
                                        {{--  {{ $searchResults->withQueryString()->links() }} --}}

                                        {{ $searchResults->appends(\Request::except('_token'))->render() }}
                                    @else
                                        <div class="col-lg-12 col-sm-12 col-12">
                                            <div class="data-available alert alert-warning">
                                                <p style="text-align: center;">
                                                    {{ trans('cruds.dashboard.no_data') }}
                                                </p>
                                            </div>
                                        </div>
                                    @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