@extends('layouts.md-search')
@section('content')
<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">
                    <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.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>
                    <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') }}</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>
@endsection