<div class="form-group">
    <label class="required" for="scientists">{{ trans('cruds.artWork.fields.scientist') }}</label>
    <div style="padding-bottom: 4px">
        <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
        <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
    </div>
    <div class="d-flex align-items-center">
        <select class="form-control select2 {{ $errors->has('scientists') ? 'is-invalid' : '' }}" name="scientists[]" id="scientists" multiple required>
            @foreach($scientists as $id => $scientist)
                <option value="{{ $scientist->id }}" {{ in_array($scientist->id, old('scientists', [])) ? 'selected' : '' }}>{{ $scientist->name }}</option>
            @endforeach
        </select>
        @can('scientist_create')
        @if ($useModal)
            @include('layouts.form_modal', ['fieldsLink' => 'admin.scientists.scientists-fields', 'compName' => 'Scientist', 'route' => route('admin.scientists.store'), 'title' => trans('global.create') . ' ' . trans('cruds.scientist.title_singular'), 'useModal' => false, 'nameModal' => true, 'modalBtn' => true])
            <button class="btn btn-outline-primary ms-2" data-select-id="scientists" id="openScientistModal" >
                <i class="fa fa-plus"></i>
            </button>
            @endif
        @endcan
        @if($errors->has('scientists'))
            <span class="text-danger">{{ $errors->first('scientists') }}</span>
        @endif
        <span class="help-block">{{ trans('cruds.artWork.fields.scientist_helper') }}</span>
    </div>
</div>

<x-form.input label="{{ trans('cruds.artWork.fields.year') }}" required="true" name="year" helpLabel="{{ trans('cruds.artWork.fields.year_helper') }}" isDate="true" />

<div class="form-group">
    <label for="science_areas">{{ trans('cruds.artWork.fields.science_area') }}</label>
    <div style="padding-bottom: 4px">
        <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
        <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
    </div>
    <div class="d-flex align-items-center">
        <select class="form-control select2 {{ $errors->has('science_areas') ? 'is-invalid' : '' }}" name="science_areas[]" id="science_areas" multiple>
            @foreach($science_areas as $id => $science_area)
                <option value="{{ $science_area->id }}" {{ in_array($science_area->id, old('science_areas', [])) ? 'selected' : '' }}>{{ $science_area->name }}</option>
            @endforeach
        </select>
        @can('science_area_create')
            @if ($nameModal)
            <x-modal.create-name-modal compName="ScienceArea" title="{{ trans('global.add') }}" name="name" label="{{ trans('cruds.scienceArea.fields.name') }}" route="{{ route('admin.science-areas.store') }}" />
            @endif
            @if ($modalBtn)
            <button type="button" data-select-id="science_areas" class="btn btn-outline-primary ms-2" id="openScienceAreaModal">
                <i class="fa fa-plus"></i>
            </button>
            @endif
        @endcan
        @if($errors->has('science_areas'))
            <span class="text-danger">{{ $errors->first('science_areas') }}</span>
        @endif
        <span class="help-block">{{ trans('cruds.artWork.fields.science_area_helper') }}</span>
    </div>
</div>
<div class="form-group">
    <label for="science_directions">{{ trans('cruds.artWork.fields.science_direction') }}</label>
    <div style="padding-bottom: 4px">
        <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
        <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
    </div>
    <div class="d-flex align-items-center">
        <select class="form-control select2 {{ $errors->has('science_directions') ? 'is-invalid' : '' }}" name="science_directions[]" id="science_directions" multiple>
            @foreach($science_directions as $id => $science_direction)
                <option value="{{ $science_direction->id }}" {{ in_array($science_direction->id, old('science_directions', [])) ? 'selected' : '' }}>{{ $science_direction->name }}</option>
            @endforeach
        </select>
        @can('science_direction_create')
            @if ($nameModal)
            <x-modal.create-name-modal compName="ScienceDirection" title="{{ trans('global.add') }}" name="name" label="{{ trans('cruds.scienceDirection.fields.name') }}" route="{{ route('admin.science-directions.store') }}" />
            @endif
            @if ($modalBtn)
            <button type="button" data-select-id="science_directions" class="btn btn-outline-primary ms-2" id="openScienceDirectionModal">
                <i class="fa fa-plus"></i>
            </button>
            @endif
        @endcan
        @if($errors->has('science_directions'))
            <span class="text-danger">{{ $errors->first('science_directions') }}</span>
        @endif
        <span class="help-block">{{ trans('cruds.artWork.fields.science_direction_helper') }}</span>
    </div>
</div>
<div class="form-group">
    <label for="tags">{{ trans('cruds.artWork.fields.tag') }}</label>
    <div style="padding-bottom: 4px">
        <span class="btn btn-info btn-xs select-all" style="border-radius: 0">{{ trans('global.select_all') }}</span>
        <span class="btn btn-info btn-xs deselect-all" style="border-radius: 0">{{ trans('global.deselect_all') }}</span>
    </div>
    <div class="d-flex align-items-center">
        <select class="form-control select2 {{ $errors->has('tags') ? 'is-invalid' : '' }}" name="tags[]" id="tags" multiple>
            @foreach($tags as $id => $tag)
                <option value="{{ $id }}" {{ in_array($id, old('tags', [])) ? 'selected' : '' }}>{{ $tag }}</option>
            @endforeach
        </select>
        @can('art_work_type_create')
            @if ($nameModal)
            <x-modal.create-name-modal compName="ArtWorkType" title="{{ trans('global.add') }}" name="name" label="{{ trans('cruds.artWorkType.fields.name') }}" route="{{ route('admin.art-work-types.store') }}" />
            @endif
            @if ($modalBtn)
            <button type="button" data-select-id="tags" class="btn btn-outline-primary ms-2" id="openArtWorkTypeModal">
                <i class="fa fa-plus"></i>
            </button>
            @endif
        @endcan
        @if($errors->has('tags'))
            <span class="text-danger">{{ $errors->first('tags') }}</span>
        @endif
        <span class="help-block">{{ trans('cruds.artWork.fields.tag_helper') }}</span>
    </div>
</div>

<x-form.input label="{{ trans('cruds.artWork.fields.title') }}" name="title" required="true" helpLabel="{{ trans('cruds.artWork.fields.title_helper') }}"/>

<x-form.input label="{{ trans('cruds.artWork.fields.number') }}" name="number" required="true" helpLabel="{{ trans('cruds.artWork.fields.number_helper') }}"/>

<div class="form-group">
    <label class="required" for="input">{{ trans('cruds.artWork.fields.input') }}</label>
    <input class="form-control {{ $errors->has('input') ? 'is-invalid' : '' }}" type="number" name="input" id="input" value="{{ old('input', '') }}" step="0.001" required>
    @if($errors->has('input'))
        <span class="text-danger">{{ $errors->first('input') }}</span>
    @endif
    <span class="help-block">{{ trans('cruds.artWork.fields.input_helper') }}</span>
</div>