@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">
            <section class="py-1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-10 mx-auto">
                            <div class="card-header p-0 position-relative z-index-2 bg-transparent">
                                <div class="bg-gradient-info shadow-info border-radius-lg py-2 px-4">
                                    <h4 class="text-white mb-0">{{ trans('global.advancedsearch') }}</h4>
                                </div>
                            </div>

                            <div class="accordion p-3" id="accordionPricing">
                                <div class="accordion-item border-bottom mb-3">
                                    <h6 class="accordion-header" id="headingOne">
                                        <button class="accordion-button font-weight-bold text-start" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
                                            aria-controls="collapseOne">
                                            {{ trans('cruds.researchArticle.fields.title') }} ,
                                            {{ trans('cruds.researchArticle.fields.author') }}
                                            {{ trans('global.search') }}
                                            <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0"></i>
                                            <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0"></i>
                                        </button>
                                    </h6>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionPricing">
                                        <div class="accordion-body text-sm opacity-8">
                                            <form role="form" class="text-start" action="{{ route('searchfirst') }}"
                                                method="GET">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <label class="form-label"></label>
                                                            <input type="text" class="form-control"
                                                                placeholder="{{ trans('global.search_by_title') }}"
                                                                name="title" autocomplete="off" required>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <label class="form-label"></label>
                                                            <input type="text" class="form-control"
                                                                placeholder="{{ trans('global.search_by_author') }}"
                                                                name="author" autocomplete="off">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 mx-auto">
                                                    <button type="submit"
                                                        class="btn bg-gradient-info w-100 my-2">{{ trans('global.search') }}</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item border-bottom mb-3">
                                    <h6 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button font-weight-bold text-start" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo">
                                            {{ trans('cruds.researchArticle.fields.geo_context') }} ,
                                            {{ trans('cruds.researchArticle.fields.country') }} ,
                                            {{ trans('cruds.researchArticle.fields.city') }} ,
                                            {{ trans('cruds.researchArticle.fields.region_zone') }}
                                            {{ trans('global.search') }}
                                            <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0"></i>
                                            <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0"></i>
                                        </button>
                                    </h6>
                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                        data-bs-parent="#accordionPricing">
                                        <div class="accordion-body text-sm opacity-8">
                                            <form role="form" class="text-start" action="{{ route('searchsecond') }}"
                                                method="GET">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <label class="form-label"></label>
                                                            <select
                                                                class="form-control select2 {{ $errors->has('geo_context') ? 'is-invalid' : '' }}"
                                                                name="geo_context" id="geo_context" required>
                                                                <option value disabled
                                                                    {{ old('geo_context', null) === null ? 'selected' : '' }}>
                                                                    {{ trans('global.pleaseSelect') }}</option>
                                                                @foreach (App\Models\ResearchArticle::GEO_CONTEXT_SELECT as $key => $label)
                                                                    <option value="{{ $key }}"
                                                                        {{ old('geo_context', '') === (string) $key ? 'selected' : '' }}>
                                                                        {{ $label }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <label class="form-label"></label>
                                                            <select name="country" id="country"
                                                                class="form-control select2 {{ $errors->has('country') ? 'is-invalid' : '' }}"
                                                                required>
                                                                <option value disabled
                                                                    {{ old('countries_id', null) === null ? 'selected' : '' }}>
                                                                    {{ trans('global.pleaseSelect') }}</option>
                                                                @foreach ($country as $key => $countries)
                                                                    <option value="{{ $key }}"
                                                                        {{ old('country', '') === $key ? 'selected' : '' }}>
                                                                        {{ $countries }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <div class="input-group form-group input-group-outline">
                                                                <label class="form-label"></label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="{{ trans('cruds.researchArticle.fields.city') }}"
                                                                    value="" name="city" autocomplete="off"
                                                                    required>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-sm-6 col-12">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <div class="input-group form-group input-group-outline">
                                                                <label class="form-label"></label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="{{ trans('cruds.researchArticle.fields.region_zone') }}"
                                                                    value="" name="regionzone" autocomplete="off"
                                                                    required>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-3 mx-auto">
                                                    <button type="submit"
                                                        class="btn bg-gradient-info w-100 my-2">{{ trans('global.search') }}</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item border-bottom mb-3">
                                    <h6 class="accordion-header" id="headingThree">
                                        <button class="accordion-button font-weight-bold text-start" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                            aria-expanded="false" aria-controls="collapseThree">
                                            {{ trans('cruds.researchArticle.fields.keyword1') }},
                                            {{ trans('cruds.researchArticle.fields.scientificarea') }}
                                            {{ trans('global.search') }}
                                            <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0"></i>
                                            <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0"></i>
                                        </button>
                                    </h6>
                                    <div id="collapseThree" class="accordion-collapse collapse"
                                        aria-labelledby="headingThree" data-bs-parent="#accordionPricing">
                                        <div class="accordion-body text-sm opacity-8">
                                            <form role="form" class="text-start" action="{{ route('searchthird') }}"
                                                method="GET">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-gl-6 col-sm-6 col-12 mx-auto">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <label class="form-label"></label>
                                                            <select
                                                                class="form-control select2 {{ $errors->has('keywords') ? 'is-invalid' : '' }}"
                                                                name="keywords[]" id="keywords" multiple>
                                                                <option
                                                                    value="{{ old('keywords', null) === null ? 'selected' : '' }}"
                                                                    disabled>
                                                                    {{ trans('global.pleaseSelect') }}
                                                                    &nbsp;{{ trans('cruds.keyword.title') }}</option>
                                                                @foreach ($getKeywords as $id => $getKeyword)
                                                                    <option value="{{ $getKeyword->id }}"
                                                                        {{ in_array($getKeyword->id, old('keywords', [])) ? 'selected' : '' }}>
                                                                        {{ $getKeyword->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-gl-6 col-sm-6 col-12 mx-auto">
                                                        <div class="input-group input-group-outline mb-2">
                                                            <label class="form-label"></label>
                                                            <select
                                                                class="form-control select2 {{ $errors->has('scientificareas') ? 'is-invalid' : '' }}"
                                                                name="scientificareas[]" id="scientificareas" multiple
                                                                required>
                                                                <option
                                                                    value="{{ old('scientificareas', null) === null ? 'selected' : '' }}"
                                                                    disabled>
                                                                    {{ trans('global.pleaseSelect') }}
                                                                    &nbsp;{{ trans('cruds.scientificArea.title') }}
                                                                </option>
                                                                @foreach ($scientificareas as $id => $scientificarea)
                                                                    <option value="{{ $scientificarea->id }}"
                                                                        {{ in_array($scientificarea->id, old('scientificareas', [])) ? 'selected' : '' }}>
                                                                        {{ $scientificarea->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="col-md-3 mx-auto">
                                                    <button type="submit"
                                                        class="btn bg-gradient-info w-100 my-2">{{ trans('global.search') }}</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item border-bottom mb-3">
                                    <h6 class="accordion-header" id="headingFour">
                                        <button class="accordion-button font-weight-bold" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                            aria-expanded="false" aria-controls="collapseFour">
                                            {{ trans('cruds.researchArticle.fields.evaluation_discussion') }}
                                            {{ trans('global.search') }}
                                            <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0"></i>
                                            <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0"></i>
                                        </button>
                                    </h6>
                                    <div id="collapseFour" class="accordion-collapse collapse"
                                        aria-labelledby="headingFour" data-bs-parent="#accordionPricing">
                                        <div class="accordion-body text-sm opacity-8">
                                            <form role="form" class="text-start" action="{{ route('searchfourth') }}"
                                                method="GET">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-lg-6 col-sm-6 col-12 mx-auto">
                                                        <div class="input-group form-group input-group-outline">
                                                            <label class="form-label"></label>
                                                            <input type="text" class="form-control" name="evaluation"
                                                                placeholder="{{ trans('cruds.researchArticle.fields.evaluation_discussion2') }}"
                                                                required autocomplete="off">
                                                        </div>
                                                        <div class="col-md-6 mx-auto">
                                                            <button type="submit"
                                                                class="btn bg-gradient-info w-100 my-2">{{ trans('global.search') }}</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </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