@php use App\Helpers\FormHelper; @endphp

@if (isset($success))
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">{{ __('pages.group_added_success') }}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            <img src="https://cdn4.vectorstock.com/i/1000x1000/22/88/green-checkmark-symbol-icon-completed-tick-vector-31212288.jpg" style="width: 15rem">
            <div class="text-center">
                <button class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">{{ __('pages.close') }}</button>
            </div>
        </div>
    </div>
@else
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">{{ __('pages.add_group') }}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            {{ Form::open(array('route' => 'admin.groups.store', 'method' => 'post', 'role' => 'form', 'enctype' => 'multipart/form-data', 'class' => 'async')) }}
            <div class="row justify-content-center">
                <div class="text-center mb-3">
                    <img style="width: 24rem; height: 12rem"
                         src="{{ asset('img/event_default.png') }}" alt="Event photo"/>
                </div>
            </div>
            <div class="row">
                <div class="col-6 mb-3">
                    <label class="form-control-label">{{ __('pages.name') }}</label>
                    <input name="name" type="text" class="form-control form-control-lg @error('name') is-invalid @enderror" value="{{ $old['name'] ?? '' }}"
                           placeholder="{{ __('pages.name') }}"
                           aria-label="{{ __('pages.name') }}">
                    <div class="invalid-feedback">{{ $errors->first('name') ?? '' }}</div>
                </div>
                <div class="col-6 mb-3">
                    <label class="form-control-label">{{ __('pages.code') }}</label>
                    <input name="code" type="text" class="form-control form-control-lg @error('code') is-invalid @enderror" value="{{ $old['code'] ?? '' }}"
                           placeholder="{{ __('pages.code') }}"
                           aria-label="{{ __('pages.code') }}">
                    <div class="invalid-feedback">{{ $errors->first('code') ?? '' }}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 mb-3">
                    <label class="form-control-label">{{ __('pages.date_start') }}</label>
                    <input name="date_start" type="date" class="form-control @error('date_start') is-invalid @enderror"
                           placeholder="{{ __('pages.date_start') }}" aria-label="{{ __('pages.date_start') }}" value="{{ $old['date_start'] ?? '' }}">
                    <div class="invalid-feedback">{{ $errors->first('date_start') ?? '' }}</div>
                </div>
                <div class="col-6 mb-3">
                    <label class="form-control-label">{{ __('pages.date_end') }}</label>
                    <input name="date_end" type="date" class="form-control @error('date_end') is-invalid @enderror"
                           placeholder="{{ __('pages.date_end') }}" aria-label="{{ __('pages.date_end') }}" value="{{ $old['date_end'] ?? '' }}">
                    <div class="invalid-feedback">{{ $errors->first('date_end') ?? '' }}</div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 mb-3">
                    <label class="form-control-label">{{ __('pages.status') }}</label>
                    <select name="status" class="selectpicker @error('status') is-invalid @enderror"
                            data-dropup-auto="false" data-live-search="true" aria-label="{{ __('pages.status') }}"
                            data-width="100%" data-size="4"
                            data-live-search-normalize="true" data-virtual-scroll="false"
                            title="{{ __('pages.status') }}">
                        <option disabled hidden selected>{{ __('pages.status') }}</option>
                        {!! FormHelper::generateEnumSelectOptions(['active', 'inactive', 'completed'], $old['status'] ?? '') !!}
                    </select>
                    <div class="invalid-feedback">{{ $errors->first('status') ?? '' }}</div>
                </div>
                <div class="col-6 mb-3">
                    <label class="form-control-label">{{ __('pages.learners') }}</label>
                    <select x-init="initSelectPicker()" name="learner[]" class="form-control form-control-sm selectpicker @error('learner') is-invalid @enderror" aria-label="Learner"
                            data-dropup-auto="false" data-live-search="true" title="{{ __('pages.learners') }}"
                            data-width="100%" data-live-search-normalize="true" data-virtual-scroll="false"
                            data-size="4" multiple>
                        {!! FormHelper::generateSelectOptions($learners, 'id', 'name', '', function ($learner) {
                                $learner->name = "$learner->first_name $learner->last_name";
                                return $learner;
                            })
                        !!}
                    </select>
                    <div class="invalid-feedback">{{ $errors->first('learner') ?? '' }}</div>
                </div>
            </div>
            <div class="text-center">
                <button type="submit"
                        class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">{{ __('pages.add') }}</button>
            </div>
            {{ Form::close() }}
        </div>
    </div>
@endif