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

@section('cv_content')
<div class="account-details">
    <h3>Certificaciones/Diplomados</h3>
    <div class="accordion" id="accordion_form_certificates">
        <form class="basic-info" id="form_certificates" action="/ProfileController/c_save_cvcertificates" method="post">
            @csrf
            @if (!$candidate_cv->ccertificates()->exists())
                <div class="form_modal_certificates_remove form-group">
                    <div class="form-group" id="repeater_certificates">
                        <div data-repeater-list="fields_certificates" id="repeater_certificates_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 de tu certificación
                                        </button>
                                    </h2>
                                    <div id="panel_info_0" class="accordion-collapse collapse show">
                                        <div class="accordion-body">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label>Certificación</label>
                                                        <input type="text" class="form-control" placeholder="Ej. Manejo de paquetería de Office" name="cer_title" required>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <label class="" for="">Vigencia</label>
                                                    <div class="form-check" style="margin-left:9px;">
                                                        <input class="form-check-input actual-certificates-check" type="checkbox" value="1" name="actual_validity" />
                                                        <label class="" for="">Sin fecha de vencimiento</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>Desde</label>
                                                            <input type="text" class="form-control cer_date_start" placeholder="" name="cer_date_start" required>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>Hasta</label>
                                                            <input type="text" class="form-control cer_date_end" placeholder="" name="cer_date_end" required>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label>Descripción</label>
                                                        <textarea class="form-control desc_Activities" cols="30" rows="8" maxlength="500" placeholder="" name="cer_description" required></textarea>
                                                    </div>
                                                </div>

                                                <div class="col-12 text-center">
                                                    <a href="javascript:;" data-repeater-delete>
                                                        <div class="account-btn d-inline">
                                                            Quitar certificación
                                                        </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_certificates">
                                <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 certificates-add-button">
                                <div class="account-btn">
                                    Agregar certificación
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            @else
                <div class="form_modal_certificates_remove form-group">
                    <div class="form-group" id="repeater_certificates">
                        <div data-repeater-list="fields_certificates" id="repeater_certificates_basic">
                            @php
                            $conteo = 0;
                            @endphp
                            @foreach ($candidate_cv->ccertificates as $ccertificates)
                            <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 de tu certificación
                                        </button>
                                    </h2>
                                    <div id="panel_info_{{$conteo}}" class="accordion-collapse collapse show">
                                        <div class="accordion-body">
                                            
                                        <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label>Certificación</label>
                                                        <input type="text" class="form-control" placeholder="Ej. Manejo de paquetería de Office" name="cer_title" required  value="{{$ccertificates->title}}">
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <label class="" for="">Vigencia</label>
                                                    <div class="form-check" style="margin-left:9px;">
                                                        <input class="form-check-input actual-certificates-check" {{($ccertificates->validity == 1) ? "checked" : ""}} type="checkbox" value="1" name="actual_validity" />
                                                        <label class="" for="">Sin fecha de vencimiento</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>Desde</label>
                                                            <input type="text" class="form-control cer_date_start" placeholder="" name="cer_date_start" required value="{{$ccertificates->date_start}}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>Hasta</label>
                                                            <input type="text" class="form-control cer_date_end" placeholder="" name="cer_date_end" required value="{{$ccertificates->date_end}}"  {{($ccertificates->validity == 1) ? "disabled" : ""}}>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label>Descripción</label>
                                                        <textarea class="form-control desc_Activities" cols="30" rows="8" maxlength="500" placeholder="" name="cer_description" required>{{$ccertificates->description}}</textarea>
                                                    </div>
                                                </div>

                                                <div class="col-12 text-center">
                                                    <a href="javascript:;" data-repeater-delete>
                                                        <div class="account-btn d-inline">
                                                            Quitar certificación
                                                        </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_certificates">
                                <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 experience-add-button">
                                <div class="account-btn">
                                    Agregar certificación
                                </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/_cvcertificates.js")}}"></script>
@endsection