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

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

            <div class="container py-0">
                <nav aria-label="breadcrumb" id="non-printable">
                    <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>
                        <li class="breadcrumb-item text-dark active" aria-current="page">
                            {{ $researchArticle->title }}
                        </li>
                    </ol>
                </nav>
                <div class="row">
                    <div class="col-12">
                        <div class="row text-align-center">
                            <div class="col-lg-12 col-sm-12 col-12" id="non-printable">
                                <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">
                                    <div class="col-md-12 col-md-pull-3">
                                        <div class="col-md-12 col-md-pull-3">
                                            <h2 class="mb-4">{{ $researchArticle->title }}</h2>
                                            <p id="non-printable"> {{ trans('global.share_via') }}
                                            <div id="non-printable" class="col-12 mx-auto">

                                                <a href="https://www.facebook.com/sharer.php?u={{ route('search.show', $researchArticle->id) }}?m=05&picture=https://dataoig.unisal.it/public/assets/img/logos/oig-logo1.png&quote=Research Articles - &title=Research Articles - &description=Research Articles - "
                                                    class="btn btn-icon-only btn-facebook" target="_blank"><i
                                                        class="fab fa-facebook"></i></a>

                                                <a href="https://twitter.com/intent/tweet?url={{ route('search.show', $researchArticle->id) }}?m=05&text=Research Articles...: {{ strip_tags($researchArticle->title) }}&via=logudotcom"
                                                    class="btn btn-icon-only btn-twitter" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>

                                                <button type="button" class="btn btn-icon-only btn-instagram">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-instagram"></i></span>
                                                </button>
                                                <button type="button" class="btn btn-icon-only btn-pinterest">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-pinterest"></i></span>
                                                </button>

                                                <button type="button" class="btn btn-icon-only btn-youtube">
                                                    <span class="btn-inner--icon"><i class="fab fa-youtube"></i></span>
                                                </button>
                                                <button type="button" class="btn btn-icon-only btn-linkedin">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-linkedin"></i></span>
                                                </button>


                                                {{-- <button type="button" class="btn btn-icon-only btn-facebook">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-facebook"></i></span>
                                                </button>
                                                <button type="button" class="btn btn-icon-only btn-twitter">
                                                    <span class="btn-inner--icon mr-1"><i class="fab fa-twitter"></i></span>
                                                </button>
                                                <button type="button" class="btn btn-icon-only btn-instagram">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-instagram"></i></span>
                                                </button>

                                                <button type="button" class="btn btn-icon-only btn-pinterest">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-pinterest"></i></span>
                                                </button>
                                                <button type="button" class="btn btn-icon-only btn-youtube">
                                                    <span class="btn-inner--icon"><i class="fab fa-youtube"></i></span>
                                                </button>
                                                <button type="button" class="btn btn-icon-only btn-linkedin">
                                                    <span class="btn-inner--icon mr-1"><i
                                                            class="fab fa-linkedin"></i></span>
                                                </button> --}}

                                            </div>
                                            </p>

                                            <p class="text-sm">
                                                <i class="fa fa-calendar" aria-hidden="true"></i>
                                                <strong>
                                                    {{ trans('cruds.researchArticle.fields.date_of_publication') }}:</strong>
                                                {{ Carbon\Carbon::parse($researchArticle->date_of_publication)->format('d-m-Y') }}

                                                &nbsp; <i class="fa fa-user" aria-hidden="true"></i>
                                                <strong> {{ trans('cruds.researchArticle.fields.author') }}:</strong>
                                                {{ $researchArticle->author }} &nbsp;
                                                <i class="fa fa-user-o" aria-hidden="true"></i>
                                                <strong>{{ trans('cruds.researchArticle.fields.author_module') }}:</strong>
                                                {{ $researchArticle->author_module }} <br /><br />
                                                <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
                                                <strong>{{ trans('cruds.researchArticle.fields.keyword1') }}:</strong>
                                                @foreach ($user->keywords as $key => $keyword)
                                                    <span
                                                        class="badge bg-gradient-light text-dark">{{ $keyword->name }}</span>
                                                @endforeach
                                            </p>
                                            <p class="text-sm">

                                                @if ($researchArticle->geo_context == 'international')
                                                    {{ $researchArticle->country->name ?? '' }}
                                                @elseif($researchArticle->geo_context == 'national' || $researchArticle->geo_context == 'local')
                                                    {{ $researchArticle->countries->name ?? '' }}
                                                @endif

                                                <strong>{{ trans('cruds.researchArticle.fields.country') }}:</strong>
                                                {{ $researchArticle->country }} &nbsp;

                                                @if ($researchArticle->city)
                                                    <strong> {{ trans('cruds.researchArticle.fields.city') }}:</strong>
                                                    {{ $researchArticle->city ?? '' }} &nbsp;
                                                @endif
                                                @if ($researchArticle->region_zone)
                                                    <strong>{{ trans('cruds.researchArticle.fields.region_zone') }}:</strong>
                                                    {{ $researchArticle->region_zone ?? '' }}
                                                @endif
                                                <i class="fa fa-globe" aria-hidden="true"></i>
                                                <strong>{{ trans('cruds.researchArticle.fields.geo_context') }}:</strong>
                                                {{ App\Models\ResearchArticle::GEO_CONTEXT_SELECT[$researchArticle->geo_context] ?? '' }}
                                            </p>

                                            <p class="blockquote my-3 ps-2">
                                                <span
                                                    class="text-bold">{{ trans('cruds.researchArticle.fields.scientificarea') }}</span>
                                                <br>
                                                <small class="blockquote-footer">
                                                    @foreach ($user->scientificareas as $key => $scientificarea)
                                                        @if (app()->getLocale() == 'en')
                                                            <span
                                                                class="badge bg-gradient-light text-dark">{{ $scientificarea->en_name }}</span>
                                                        @elseif(app()->getLocale() == 'es')
                                                            <span
                                                                class="badge bg-gradient-light text-dark">{{ $scientificarea->es_name }}</span>
                                                        @elseif(app()->getLocale() == 'fr')
                                                            <span
                                                                class="badge bg-gradient-light text-dark">{{ $scientificarea->fr_name }}</span>
                                                        @elseif(app()->getLocale() == 'it')
                                                            <span
                                                                class="badge bg-gradient-light text-dark">{{ $scientificarea->it_name }}</span>
                                                        @elseif(app()->getLocale() == 'pt')
                                                            <span
                                                                class="badge bg-gradient-light text-dark">{{ $scientificarea->pt_name }}</span>
                                                        @endif
                                                    @endforeach
                                                </small>
                                            </p>
                                            <p>&nbsp;</p>

                                            <h6 class="mt-4">
                                                {{ trans('cruds.researchArticle.fields.abstract') }}</h6>

                                            <div class="abstract" role="alert">
                                                {!! $researchArticle->abstract !!}
                                            </div>

                                            <h6 class="mt-4">
                                                <i class="fa fa-hand-pointer-o" aria-hidden="true"></i>
                                                {{ trans('cruds.researchArticle.fields.evaluation_discussion') }}
                                            </h6>

                                            <p class="mb-2">{!! $researchArticle->evaluation_discussion !!} </p>


                                            <h6 class="mt-4">
                                                <i class="fa fa-external-link" aria-hidden="true"></i>

                                                {{ trans('cruds.researchArticle.fields.links_research') }}
                                            </h6>

                                            <p class="mb-2">{!! $researchArticle->links_research !!} </p>

                                        </div>

                                    </div>
                                </div>
                                <div class="col-md-3 col-md-push-9" id="non-printable">
                                    @include('search.searchRightside')
                                </div>
                                <p>&nbsp;</p>
                                <p id="non-printable"><a href="javascript:window.print();" class="nav-link"><i
                                            class="fa fa-print" aria-hidden="true"></i>
                                        {{ trans('global.print_article') }}</a></p>
                            </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