@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="{{ $infoDocument->id ?? old('id') }}">
    <div class="row">
        <div class="col-4 col-md-4">
            <div class="form-group">
                <label for="name">{{ Lang::get('messages.academy_document.tag2') }} </label>
                <input type="text" class="form-control" maxlength="100" id="name" name="name" required value="{{ $infoDocument->name ?? old('name') }}">
            </div>
        </div>
        <div class="col-4 col-md-4">
            <label for="confirmation_required">{{ Lang::get('messages.academy_document.tag4') }}</label>
            <select class="form-control" id="confirmation_required" name="confirmation_required" value="{{ isset($infoDocument) && $infoDocument->required ?? old('required') }}">
                <option value="1" {{ isset($infoDocument) && $infoDocument->required ? 'selected' : '' }}>
                    @lang('messages.yes')
                </option>
                <option value="0" {{ isset($infoDocument) && !$infoDocument->required ? 'selected' : '' }}>
                    @lang('messages.no')
                </option>
            </select>
        </div>
        <div class="col-4 col-md-4">
            <div class="form-group">
                <label for="order">{{ Lang::get('messages.academy_document.tag5') }}</label>
                <input type="number" class="form-control" id="order" name="order" required value="{{ $infoDocument->order ?? old('order') }}">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-4 col-md-4">
            <div class="form-group">
                <label for="document">{{ Lang::get('messages.academy_document.tag6') }} </label>
                <input type="file" id="document" name="document">
            </div>
        </div>
        <div class="col-4 col-md-4">
            <label for="type_person">{{ Lang::get('messages.academy_document.type_person') }}</label>
            <select class="form-control" id="type_person" name="type_person" value="{{ isset($infoDocument) && $infoDocument->type_person ?? old('type_person') }}">
                @foreach (['ALL', 'NATURAL_PERSON', 'JURIDIC_PERSON'] as $type_person_key )
                <option value="{{ $type_person_key }}" {{ isset($infoDocument) && $infoDocument->type_person == $type_person_key ? 'selected' : '' }}>
                    {{ Lang::get('messages.academy_document.'. strtolower($type_person_key)) }}
                </option>
                @endforeach
            </select>
        </div>
        <div class="col-4 col-md-4">
            <label for="enable_view_only">{{ Lang::get('messages.academy_document.enable_view_only') }} {{ Lang::get('messages.optional') }}</label>
            <select class="form-control" id="enable_view_only" name="enable_view_only" value="{{ isset($infoDocument) && $infoDocument->enable_view_only ?? old('enable_view_only') }}">
                <option value="1" {{ isset($infoDocument) && $infoDocument->enable_view_only ? 'selected' : '' }}>
                    @lang('messages.yes')
                </option>
                <option value="0" {{ (!isset($infoDocument) || (isset($infoDocument) && !$infoDocument->enable_view_only)) ? 'selected' : '' }}>
                    @lang('messages.no')
                </option>
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-4 col-md-4">
            <label for="academy_location_id">{{ Lang::get('messages.academy_document.academy_location') }} {{ Lang::get('messages.optional') }}</label>
            <select class="form-control" id="academy_location_id" name="academy_location_id" value="{{ isset($infoDocument) && $infoDocument->academy_location_id ?? old('academy_location_id') }}">
                @foreach ($locations as $location)
                <option value="{{ $location['id'] }}" {{ isset($infoDocument) && $infoDocument->academy_location_id == $location['id'] ? 'selected' : '' }}>
                    {{ $location['name'] }}
                </option>
                @endforeach
            </select>
        </div>
    </div>
    <br>
    <div class="box collapsed-box">
        <div class="box-header with-border">
            <h3 class="box-title"> {{ Lang::get('messages.academy_document.external_form_title') }}
            </h3>
            <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                    <i class="fa fa-plus"></i>
                </button>
            </div>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="external_form_link">{{ Lang::get('messages.academy_document.external_form_link') }} {{ Lang::get('messages.optional') }}</label>
                        <textarea class="form-control" id="external_form_link" rows="4" name="external_form_link" placeholder="Ingresar código/formulario/iframe ..." maxlength="250">{{ $infoDocument->external_form_link ?? old('external_form_link') }}</textarea>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="external_form_id">{{ Lang::get('messages.academy_document.external_form_id') }} {{ Lang::get('messages.optional') }}</label>
                        <input type="text" class="form-control" maxlength="100" id="external_form_id" name="external_form_id" value="{{ $infoDocument->external_form_id ?? old('external_form_id') }}">
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <label for="external_form_exclusive">{{ Lang::get('messages.academy_document.external_form_exclusive') }} {{ Lang::get('messages.optional') }}</label>
                    <select class="form-control" id="external_form_exclusive" name="external_form_exclusive" value="{{ isset($infoDocument) && $infoDocument->external_form_exclusive ?? old('external_form_exclusive') }}">
                        <option value="1" {{ isset($infoDocument) && $infoDocument->external_form_exclusive ? 'selected' : '' }}>
                            @lang('messages.yes')
                        </option>
                        <option value="0" {{ (!isset($infoDocument) || (isset($infoDocument) && !$infoDocument->external_form_exclusive)) ? 'selected' : '' }}>
                            @lang('messages.no')
                        </option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-4 col-md-4">
                    <label for="only_attempt">{{ Lang::get('messages.academy_document.only_attempt') }} {{ Lang::get('messages.optional') }}</label>
                    <select class="form-control" id="only_attempt" name="only_attempt" value="{{ isset($infoDocument) && $infoDocument->only_attempt ?? old('only_attempt') }}" onchange="showTextarea()">
                        <option value="1" {{ isset($infoDocument) && $infoDocument->only_attempt ? 'selected' : '' }}>
                            @lang('messages.yes')
                        </option>
                        <option value="0" {{ (!isset($infoDocument) || (isset($infoDocument) && !$infoDocument->only_attempt)) ? 'selected' : '' }}>
                            @lang('messages.no')
                        </option>
                    </select>
                </div>
                <div class="col-4 col-md-4">
                    <div class="form-group">
                        <label for="single_attempt_alert">{{ Lang::get('messages.academy_document.single_attempt_alert') }} {{ Lang::get('messages.optional') }}</label>
                        <textarea class="form-control" id="single_attempt_alert" rows="4" name="single_attempt_alert" placeholder="Ingresar mensaje de alerta ..." maxlength="250" readonly>{{ $infoDocument->single_attempt_alert ?? old('single_attempt_alert') }}</textarea>
                    </div>
                </div>
                <div class="col-4 col-md-4">
                    <label for="enable_autocomplete">{{ Lang::get('messages.academy_document.enable_autocomplete') }} {{ Lang::get('messages.optional') }}</label>
                    <select class="form-control" id="enable_autocomplete" name="enable_autocomplete" value="{{ isset($infoDocument) && $infoDocument->enable_autocomplete ?? old('enable_autocomplete') }}">
                        <option value="1" {{ isset($infoDocument) && $infoDocument->enable_autocomplete ? 'selected' : '' }}>
                            @lang('messages.yes')
                        </option>
                        <option value="0" {{ (!isset($infoDocument) || (isset($infoDocument) && !$infoDocument->enable_autocomplete)) ? 'selected' : '' }}>
                            @lang('messages.no')
                        </option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-4 col-md-4">
                    <label for="enable_guardian_information">{{ Lang::get('messages.academy_document.enable_guardian_information') }} {{ Lang::get('messages.optional') }}</label>
                    <select class="form-control" id="enable_guardian_information" name="enable_guardian_information" value="{{ isset($infoDocument) && $infoDocument->enable_guardian_information ?? old('enable_guardian_information') }}">
                        <option value="1" {{ isset($infoDocument) && $infoDocument->enable_guardian_information ? 'selected' : '' }}>
                            @lang('messages.yes')
                        </option>
                        <option value="0" {{ (!isset($infoDocument) || (isset($infoDocument) && !$infoDocument->enable_guardian_information)) ? 'selected' : '' }}>
                            @lang('messages.no')
                        </option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <input name="type_academy" value="{{ $type_academy ?? $infoDocument->type_academy}}" hidden>
</div>

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/academy_document.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/crud.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();
        showTextarea();
    });

    function showTextarea() {
        const select = document.getElementById("only_attempt");
        const textarea = document.getElementById("single_attempt_alert");

        if (select.value === "1") {
            textarea.readOnly = false;
        } else {
            textarea.value = "";
            textarea.readOnly = true;
        }
    }
</script>