@extends('candidate.account')
@section('styles')
@parent
<link rel="stylesheet" href="{{asset("assets/css/candidate/CV/_cveducation.css")}}">
@endsection

@section('cv_content')
<div class="account-details">
    <h3>Preparación Académica</h3>
    <div class="accordion" id="accordion_form_education">
        <form class="basic-info" id="form_experience" action="/ProfileController/c_save_cveducation" method="post">
            @csrf
            @if (!$candidate_cv->ceducation()->exists())
            <div class="form_modal_education_remove form-group">
                <div class="form-group" id="repeater_education">
                    <div data-repeater-list="fields_education" id="repeater_education_basic">
                        <div data-repeater-item class="contenedor-espacio">
                            <div class="accordion-item mb-3">
                                <h2 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panel_info_0" aria-expanded="true">
                                        Información académica
                                    </button>
                                </h2>
                                <div id="panel_info_0" class="accordion-collapse collapse show">
                                    <div class="accordion-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Nivel de escolaridad</label>
                                                    <select  required name="edu_degree" data-control="select2" data-placeholder="Selecciona una opción" class="form-select form-input-text career_level_select edu_lev_select form-education-degree">
                                                        <option value=""></option>
                                                        @php
                                                        $degree = \App\Models\CandidatesDegrees::all();
                                                        @endphp
                                                        @foreach ($degree as $deg)
                                                        <option value="{{$deg->id}}">{{$deg->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Título o Área de conocimiento</label>
                                                    <input type="text" class="form-control" placeholder="Ej. Licenciado en..." name="edu_career" required>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Institución académica</label>
                                                    <input type="text" class="form-control" placeholder="Ej. Universidad Autónoma de México" name="edu_school" required>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>País</label>
                                                    <input type="text" class="form-control" placeholder="México" name="edu_country" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Estado</label>
                                                    <input type="text" class="form-control" placeholder="" name="edu_state" required>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Ciudad</label>
                                                    <input type="text" class="form-control" placeholder="" name="edu_locality" required>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="form-check" style="margin-left:9px;">
                                                    <input class="form-check-input actual-study-check" type="checkbox" value="1" name="actual_study" />
                                                    <label class="" for="">Actualmente estudio</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Desde</label>
                                                        <input type="text" class="form-control edu_date_start" placeholder="" name="edu_date_start" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Hasta</label>
                                                        <input type="text" class="form-control edu_date_end" placeholder="" name="edu_date_end" required>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 text-center">
                                                <a href="javascript:;" data-repeater-delete>
                                                    <div class="account-btn d-inline">
                                                        Quitar estudios
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12 text-center">
                        <button type="submit" class="account-btn" id="btn_save_experience">
                            <span id="span-save">Guardar cambios</span>
                            <span id="span-progress" style="display:none;">Validando...
                                <span class="spinner-border spinner-border-sm" role="status"></span>
                            </span>
                        </button>
                        <a href="javascript:;" data-repeater-create class="d-inline-block education-add-button">
                            <div class="account-btn">
                                Agregar estudios
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            @else
            <div class="form_modal_education_remove form-group">
                <div class="form-group" id="repeater_education">
                    <div data-repeater-list="fields_education" id="repeater_education_basic">
                        @php
                        $conteo = 0;
                        @endphp
                        @foreach ($candidate_cv->ceducation as $ceducation)
                        <div data-repeater-item class="contenedor-espacio">
                            <div class="accordion-item mb-3">
                                <h2 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panel_info_{{$conteo}}" aria-expanded="true">
                                        Información académica
                                    </button>
                                </h2>
                                <div id="panel_info_{{$conteo}}" class="accordion-collapse collapse show">
                                    <div class="accordion-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Nivel de escolaridad</label>
                                                    <select  required name="edu_degree" data-control="select2" data-placeholder="Selecciona una opción" class="form-select form-input-text career_level_select edu_lev_select form-education-degree">
                                                        <option value=""></option>
                                                        @php
                                                        $degree = \App\Models\CandidatesDegrees::all();
                                                        @endphp
                                                        @foreach ($degree as $deg)
                                                        <option {{($ceducation->career == $deg->id) ? "selected" : ""}} value="{{$deg->id}}">{{$deg->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Título o Área de conocimiento</label>
                                                    <input type="text" class="form-control" placeholder="Ej. Licenciado en..." name="edu_career" required  value="{{$ceducation->degree}}">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Institución académica</label>
                                                    <input type="text" class="form-control" placeholder="Ej. Universidad Autónoma de México" name="edu_school" required value="{{$ceducation->school}}">
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>País</label>
                                                    <input type="text" class="form-control" placeholder="México" name="edu_country" required value="{{$ceducation->country}}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Estado</label>
                                                    <input type="text" class="form-control" placeholder="" name="edu_state" required value="{{$ceducation->state}}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Ciudad</label>
                                                    <input type="text" class="form-control" placeholder="" name="edu_locality" required value="{{$ceducation->locality}}">
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="form-check" style="margin-left:9px;">
                                                    <input class="form-check-input actual-study-check" type="checkbox" value="1" name="actual_study" {{($ceducation->actual_study == 1) ? "checked" : ""}} />
                                                    <label class="" for="">Actualmente estudio</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Desde</label>
                                                        <input type="text" class="form-control edu_date_start" placeholder="" name="edu_date_start" required value="{{$ceducation->date_start}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>Hasta</label>
                                                        <input type="text" class="form-control edu_date_end" placeholder="" name="edu_date_end" required value="{{$ceducation->date_end}}" {{($ceducation->actual_study == 1) ? "disabled" : ""}}>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-12 text-center">
                                                <a href="javascript:;" data-repeater-delete>
                                                    <div class="account-btn d-inline">
                                                        Quitar estudios
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @php
                        $conteo++;
                        @endphp
                        @endforeach
                    </div>

                    <div class="col-md-12 text-center">
                        <button type="submit" class="account-btn" id="btn_save_experience">
                            <span id="span-save">Guardar cambios</span>
                            <span id="span-progress" style="display:none;">Validando...
                                <span class="spinner-border spinner-border-sm" role="status"></span>
                            </span>
                        </button>
                        <a href="javascript:;" data-repeater-create class="d-inline-block education-add-button">
                            <div class="account-btn">
                                Agregar estudios
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            @endif
        </form>
    </div>
</div>
@endsection

@section('scripts')
@parent

<script defer src="{{asset("assets/plugins/custom/formrepeater.bundle.js")}}"></script>
<script defer src="{{asset("assets/js/candidate/cv/_cveducation.js")}}"></script>
@endsection