@csrf
<link rel="stylesheet" href="{{ asset('js/plugins/colorpicker/bootstrap-colorpicker.min.css') }}">
<div class="card-body">
    <input type="hidden" class="form-control" id="id" name="id" required
        value="{{ $academyState->id ?? old('id') }}">
    <div class="row">
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="name">{{ Lang::get('messages.academy_states.tag1') }} </label>
                <input type="text" class="form-control" maxlength="100" id="name" name="name" required
                    value="{{ $academyState->name ?? old('name') }}">
            </div>
        </div>
        <div class="col-6 col-md-6">
            <div class="form-group">
                <label for="color">{{ Lang::get('messages.academy_states.tag2') }}</label>
                <input type="text" class="form-control color-picker" id="color" name="color" required
                    value="{{ $academyState->color ?? old('color') }}">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-6 col-md-6">
            <label for="confirmation_required">{{ Lang::get('messages.academy_states.tag3') }}</label>
            <select class="form-control" id="confirmation_required" name="confirmation_required"
                value="{{ isset($academyState) && $academyState->confirmation_required ?? old('confirmation_required') }}">
                <option value="1"
                    {{ isset($academyState) && $academyState->confirmation_required ? 'selected' : '' }}>
                    @lang('messages.yes')
                </option>
                <option value="0"
                    {{ isset($academyState) && !$academyState->confirmation_required ? 'selected' : '' }}>
                    @lang('messages.no')
                </option>
            </select>
        </div>
        <div class="col-6 col-md-6">
            <label for="validate_payments">{{ Lang::get('messages.academy_states.tag9') }}</label>
            <select class="form-control" id="validate_payments" name="validate_payments"
                value="{{ isset($academyState) && $academyState->validate_payments ?? old('validate_payments') }}">
                <option value="0"
                    {{ isset($academyState) && !$academyState->validate_payments ? 'selected' : '' }}>
                    @lang('messages.no')
                </option>
                <option value="1"
                    {{ isset($academyState) && $academyState->validate_payments ? 'selected' : '' }}>
                    @lang('messages.yes')
                </option>
            </select>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-6 col-md-6">
            <label for="academy_state_condition_id">{{ Lang::get('messages.academy_states.condition_previous_state') }}
                {{ Lang::get('messages.optional') }}</label>
            <select class="form-control" name="academy_state_condition_id">
                <option value="" {{ isset($academyState->academy_state_condition_id) ? '' : 'selected' }}>
                    @lang('messages.none')
                </option>
                @foreach ($states as $state)
                    @if (isset($academyState) && $state->id == $academyState->academy_state_condition_id)
                        <option value="{{ $state->id }}" selected>{{ $state->name }}
                        </option>
                    @else
                        <option value="{{ $state->id }}">{{ $state->name }}</option>
                    @endif
                @endforeach
            </select>
        </div>
        <div class="col-6 col-md-6">
            <label for="academy_state_pos_id">{{ Lang::get('messages.academy_states.condition_next_state') }}
                {{ Lang::get('messages.optional') }}</label>
            <select class="form-control" name="academy_state_pos_id">
                <option value="" {{ isset($academyStatePos->id_academy_state_pos) ? '' : 'selected' }}>
                    @lang('messages.none')
                </option>
                @foreach ($allStates as $state)
                    @if (isset($academyStatePos) && $state->id == $academyStatePos->id_academy_state_pos)
                        <option value="{{ $state->id }}" selected>{{ $state->name }}
                        </option>
                    @else
                        <option value="{{ $state->id }}">{{ $state->name }}</option>
                    @endif
                @endforeach
            </select>
        </div>

    </div>
    <br>
    <div class="row">
        <div class="col-12 col-md-12">
            <div class="form-group">
                <label for="section_path">
                    {{ Lang::get('messages.academy_states.section_path') }} {{ Lang::get('messages.optional') }}
                </label>
                <input type="text" class="form-control" maxlength="100" id="section_path" name="section_path"
                    value="{{ $academyState->section_path ?? old('section_path') }}">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12 col-md-12">
            <label for="app_components">{{ Lang::get('messages.academy_states.tag7') }}</label>
            <select class="form-control select2 col-12 col-md-12" multiple="multiple" name="app_components"
                id="app_components">
                @foreach (explode(',', $options) as $item)
                    @if (isset($academyState) && str_contains($academyState->app_components, $item))
                        <option value="{{ $item }}" selected>{{ $item }}</option>
                    @else
                        <option value="{{ $item }}">{{ $item }}</option>
                    @endif
                @endforeach
            </select>
        </div>
    </div>
</div>
<br>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/crud.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/academy_state.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/plugins/colorpicker/bootstrap-colorpicker.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#color').colorpicker();
        $('.select2').select2();
    });
</script>