@extends('candidate.account')
@section('styles')
@parent
<link rel="stylesheet" href="{{asset("assets/css/candidate/CV/_profile_candidate.css")}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link href="https://unpkg.com/filepond@^4/dist/filepond.css" rel="stylesheet" />
@endsection

@section('cv_content')
<div class="candidate-info-text" id="div_info">
    <div class="row info_title">
        <div class="col-8">
            <h3>Información personal</h3>
        </div>
        <div class="col-4 text-end" style="text-align: right;" >
            <a href="/candidate/cvinfo" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
            </a>
        </div>
    </div>
    @if (is_null($info['cvinfo']) || !auth()->user()->isValid())
        <div class="div_sin_info">
            Sin información aún.
        </div>
    @else
        @php
            $cv_info = $info['cvinfo'];
        @endphp
        <div class="row">
            <div class="col-lg-6 mb-4">
                <label>Nombre</label>
                <span>{{$cv_info->firstname." ".$cv_info->lastname." ".$cv_info->mother_lastname}}</span>
            </div>
            <div class="col-lg-3 mb-4">
                <label>Género</label>
                <span>{{$cv_info->gender}}</span>
            </div>
            <div class="col-lg-3 mb-4">
                <label>Discapadidad</label>
                <span>{{ $cv_info->disability==1 ? "Si" : "No" }}</span>
            </div>
            <div class="col-lg-4 mb-4">
                <label>Fecha de nacimiento</label>
                @php
                  $borndate = \Carbon\carbon::parse($cv_info->borndate);
                  $age = $borndate->age;
                @endphp
                <span>{{ $borndate->isoFormat('D [de] MMMM [de] YYYY')." (".$age." años)" }}</span>
            </div>
            <div class="col-lg-4 mb-4">
                <label>Teléfono</label>
                <span>+{{ $cv_info->phone_code." ".$cv_info->phone }}</span>
            </div>
            <div class="col-lg-4 mb-4">
                <label>Cambio de residencia</label>
                <span>{{ $cv_info->residence==1 ? "Si" : "No" }}</span>
            </div>
            <div class="col-lg-4 mb-4">
                <label>Disponibilidad para viajar</label>
                <span>{{ $cv_info->travel==1 ? "Si" : "No" }}</span>
            </div>
            <div class="col-lg-4 mb-4">
                <label>Licencia de conducir</label>
                <span>{{ $cv_info->license_type=='No' ? "Sin licencia" : "Tipo ".$cv_info->license_type }}</span>
            </div>
            <div class="col-lg-4 mb-4">
                <label>País</label>
                <span>{{ $cv_info->country }}</span>
            </div>
            <div class="col-lg-3 mb-4">
                <label>Código postal</label>
                <span>{{ $cv_info->postalcode }}</span>
            </div>
            <div class="col-lg-3 mb-4">
                <label>Estado</label>
                <span>{{ $cv_info->state }}</span>
            </div>
            <div class="col-lg-3 mb-4">
                <label>Municipio</label>
                <span>{{ $cv_info->locality }}</span>
            </div>
            <div class="col-lg-3 mb-4">
                <label>Colonia</label>
                <span>{{ $cv_info->neighborhood }}</span>
            </div>

        </div>
    @endif
</div>

@if (!is_null($info['cvinfo']) && auth()->user()->isValid())
    <div class="candidate-info-text" id="div_desc">
        <div class="row info_title">
            <div class="col-8">
                <h3>Acerca de mi</h3>
            </div>
            <div class="col-4 text-end" style="text-align: right;">
                <a href="/candidate/cvdescription" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                    Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
                </a>
            </div>
        </div>
        @if (is_null($info['cvinfo']->title))
            <div class="div_sin_info">
                Sin información aún.
            </div>
        @else
            <div class="row">
                <div class="col-lg-6 mb-4">
                    <label>Puesto</label>
                    <span>{{$cv_info->title}}</span>
                </div>
                <div class="col-lg-6 mb-4">
                    <label>Salario</label>
                    <span>${{$cv_info->salary}}</span>
                </div>
                <div class="col-lg-6 mb-4">
                    <label>Área laboral</label>
                    @php
                    $area = \App\Models\JobsAreas::where("id",$cv_info->area)->first()->name;
                    @endphp
                    <span>{{ $area }}</span>
                </div>
                <div class="col-lg-6 mb-4">
                    <label>Área de especialidad</label>
                    @php
                    $subarea = \App\Models\JobsSubareas::where("id",$cv_info->subarea)->first()->name;
                    @endphp
                    <span>{{ $subarea }}</span>
                </div>
                <div class="col-lg-12 mb-4">
                    <label>Acerca de mi</label>
                    <span>{{ $cv_info->goal }}</span>
                </div>
            </div>
        @endif
    </div>

    <div class="candidate-info-text" id="div_exp">
        <div class="row info_title">
            <div class="col-8">
                <h3>Experiencia laboral</h3>
            </div>
            <div class="col-4 text-end" style="text-align: right;">
                <a href="/candidate/cvexperience" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                    Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
                </a>
            </div>
        </div>
        @if (is_null($info['cvexperience']))
            <div class="div_sin_info">
                Sin información aún.
            </div>
        @else
            <div class="row">
                <div class="accordion" id="accordion_info_experience">
                    @php
                    $conteo = 0;
                    @endphp
                    @foreach ($info['cvexperience'] as $cexp)
                        <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 laboral
                                </button>
                            </h2>
                            <div id="panel_info_{{$conteo}}" class="accordion-collapse collapse show">
                                <div class="accordion-body">
                                    <div class="row">
                                        <div class="col-lg-6 mb-4">
                                            <label>Puesto</label>
                                            <span>{{$cexp->title}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Empresa/Institución</label>
                                            <span>{{$cexp->company}}</span>
                                        </div>
                                        <div class="col-lg-4 mb-4">
                                            <label>País</label>
                                            <span>{{$cexp->country}}</span>
                                        </div>
                                        <div class="col-lg-4 mb-4">
                                            <label>Estado</label>
                                            <span>{{$cexp->state}}</span>
                                        </div>
                                        <div class="col-lg-4 mb-4">
                                            <label>Municipio</label>
                                            <span>{{$cexp->locality}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Desde</label>
                                            <span>{{$cexp->date_start}}</span>
                                        </div>
                                        @if ($cexp->actual_working == 1)
                                        <div class="col-lg-6 mb-4">
                                            <label>Hasta</label>
                                            <span>Trabajo actual</span>
                                        </div>
                                        @else
                                        <div class="col-lg-6 mb-4">
                                            <label>Hasta</label>
                                            <span>{{$cexp->date_end}}</span>
                                        </div>
                                        @endif
                                        <div class="col-lg-12 mb-4">
                                            <label>Decripción de actividades</label>
                                            <span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @php
                        $conteo++;
                        @endphp
                    @endforeach
                </div>
            </div>
        @endif
    </div>

    <div class="candidate-info-text" id="div_edu">
        <div class="row info_title">
            <div class="col-8">
                <h3>Preparación académica</h3>
            </div>
            <div class="col-4 text-end" style="text-align: right;">
                <a href="/candidate/cveducation" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                    Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
                </a>
            </div>
        </div>
        @if (is_null($info['cveducation']))
            <div class="div_sin_info">
                Sin información aún.
            </div>
        @else
            <div class="row">
                <div class="accordion" id="accordion_info_education">
                    @php
                    $conteo = 0;
                    @endphp
                    @foreach ($info['cveducation'] as $cedu)
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panel_edu_{{$conteo}}" aria-expanded="true">
                                    Información académica
                                </button>
                            </h2>
                            <div id="panel_edu_{{$conteo}}" class="accordion-collapse collapse show">
                                <div class="accordion-body">
                                    <div class="row">
                                        <div class="col-lg-6 mb-4">
                                            <label>Nivel de escolaridad</label>
                                            @php
                                            $lvl = \App\Models\CandidatesDegrees::where("id",$cedu->career)->first()->name;
                                            @endphp
                                            <span>{{$lvl}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Título o Área de conocimiento</label>
                                            <span>{{$cedu->degree}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Institución académica</label>
                                            <span>{{$cedu->school}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>País</label>
                                            <span>{{$cedu->country}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Estado</label>
                                            <span>{{$cedu->state}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Ciudad</label>
                                            <span>{{$cedu->locality}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Desde</label>
                                            <span>{{$cedu->date_start}}</span>
                                        </div>
                                        @if ($cedu->actual_study == 1)
                                        <div class="col-lg-6 mb-4">
                                            <label>Hasta</label>
                                            <span>Actualmente estudio</span>
                                        </div>
                                        @else
                                        <div class="col-lg-6 mb-4">
                                            <label>Hasta</label>
                                            <span>{{$cedu->date_end}}</span>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @php
                        $conteo++;
                        @endphp
                    @endforeach
                </div>
            </div>
        @endif
    </div>

    <div class="candidate-info-text" id="div_ski">
        <div class="row info_title">
            <div class="col-8">
                <h3>Habilidades</h3>
            </div>
            <div class="col-4 text-end" style="text-align: right;">
                <a href="/candidate/cvskills" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                    Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
                </a>
            </div>
        </div>
        @if (is_null($info['cvskills']))
            <div class="div_sin_info">
                Sin información aún.
            </div>
        @else
            <div class="row">
                @foreach ($info['cvskills'] as $cski)
                <div class="card">
                    <div class="card-body">
                        @php
                        $txt = '';
                        if($cski->years<1){
                            $txt = 'Menos de 1 año';
                        }else if($cski->years==10){
                            $txt = '10 años o más';
                        }else{
                            $txt = $cski->years.' años';
                        }
                        @endphp
                        {{$cski->skill." / ". $txt}}
                    </div>
                </div>
                @endforeach
            </div>
        @endif
    </div>

    <div class="candidate-info-text" id="div_lang">
        <div class="row info_title">
            <div class="col-8">
                <h3>Idiomas</h3>
            </div>
            <div class="col-4 text-end" style="text-align: right;">
                <a href="/candidate/cvlanguages" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                    Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
                </a>
            </div>
        </div>
        @if (is_null($info['cvlanguages']))
            <div class="div_sin_info">
                Sin información aún.
            </div>
        @else
            <div class="row">
                @foreach ($info['cvlanguages'] as $clang)
                <div class="card">
                    <div class="card-body">
                        @php
                        $txt = '';
                        switch ($clang->nivel) {
                            case 1:
                                $txt = 'Nativo';
                                break;
                            case 2:
                                $txt = 'Básico';
                                break;
                            case 3:
                                $txt = 'Medio';
                                break;
                            case 4:
                                $txt = 'Avanzado';
                                break;
                        }
                        @endphp
                        {{$clang->language." / ". $txt}}
                    </div>
                </div>
                @endforeach
            </div>
        @endif
    </div>

    <div class="candidate-info-text" id="div_cert">
        <div class="row info_title">
            <div class="col-8">
                <h3>Certificaciones/Diplomados</h3>
            </div>
            <div class="col-4 text-end" style="text-align: right;">
                <a href="/candidate/cvcertificates" data-bs-toggle="tooltip" data-bs-placement="top" title="Editar mi información">
                    Editar <i class="fa-solid fa-pen-to-square ico_link_edit"></i>
                </a>
            </div>
        </div>
        @if (is_null($info['cvcertificates']))
            <div class="div_sin_info">
                Sin información aún.
            </div>
        @else
            <div class="row">
                <div class="accordion" id="accordion_info_certificates">
                    @php
                    $conteo = 0;
                    @endphp
                    @foreach ($info['cvcertificates'] as $cert)
                        <div class="accordion-item mb-3">
                            <h2 class="accordion-header">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panel_cert_{{$conteo}}" aria-expanded="true">
                                    Información de tu certificación
                                </button>
                            </h2>
                            <div id="panel_cert_{{$conteo}}" class="accordion-collapse collapse show">
                                <div class="accordion-body">
                                    <div class="row">
                                        <div class="col-lg-12 mb-4">
                                            <label>Certificación</label>
                                            <span>{{$cert->title}}</span>
                                        </div>
                                        <div class="col-lg-6 mb-4">
                                            <label>Desde</label>
                                            <span>{{$cert->date_start}}</span>
                                        </div>
                                        @if ($cert->validity == 1)
                                        <div class="col-lg-6 mb-4">
                                            <label>Valido hasta</label>
                                            <span>Sin fecha de vencimiento</span>
                                        </div>
                                        @else
                                        <div class="col-lg-6 mb-4">
                                            <label>Valido hasta</label>
                                            <span>{{$cert->date_end}}</span>
                                        </div>
                                        @endif
                                        <div class="col-lg-12 mb-4">
                                            <label>Decripción</label>
                                            <span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @php
                        $conteo++;
                        @endphp
                    @endforeach
                </div>
            </div>
        @endif
    </div>

    <div class="candidate-info-text" id="div_doc">
        @php
            $id_user_candidate = auth()->user()->user_candidate_id;
        @endphp
        <div class="row info_title">
            <div class="col-8">
                <h3>Mis documentos</h3>
            </div>
        </div>
        <div class="row div_doc_cv">
            @php
                $cv = \App\Models\CandidatesDocumentation::where("candidate_id", $id_user_candidate)->where("type", 'cv')->first();
            @endphp
            @if(is_null($cv))
                <div class="mb-3 col-10">
                    <label for="cand_cv" class="form-label">Adjunta tu CV</label>
                    <input class="form-control input_docs" type="file" id="cand_cv" name="cand_cv" accept="application/pdf">
                </div>
                <div class="mb-3 col-2 row align-items-center">
                    <div class="col-12 text-center">
                        <button class="btn btn-primary btn_upload" title="Enviar documento" data-documento="cv">
                            <span id="span_send_cv"><i class="fa-solid fa-upload"></i></span>
                            <span id="span_validate_cv" style="display:none">
                                <div class="spinner-border text-light" role="status">
                                    <span class="visually-hidden">Loading...</span>
                                </div>
                            </span>
                        </button>
                    </div>
                </div>
            @else
                <div class="row" id="div_descarga_cv">
                    <div class="mb-3 col-10">
                        <a href="/ProfileController/g_download_document?file={{$cv->path}}" class="text-hover-primary">
                            <div class="fs-5 fw-bold mb-2 div_download_file"> Descargar Currículum Vitae <i class="fa-solid fa-download" style="font-size: 26px;"></i></div>
                        </a>
                    </div>
                    <div class="mb-3 col-2 row align-items-center">
                        <div class="col-12 text-center">
                            <button class="btn btn-primary btn_update" title="Actualizar documento" data-documento="cv">
                                <span id=""><i class="fa-solid fa-arrows-rotate fa-xl"></i></span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="row" id="div_actualiza_cv" style="display:none !important">
                    <div class="mb-3 col-9">
                        <label for="cand_cv" class="form-label">Adjunta tu CV</label>
                        <input class="form-control input_docs" type="file" id="cand_cv" name="cand_cv" accept="application/pdf">
                    </div>
                    <div class="mb-3 col-3 row align-items-center">
                        <div class="col-6 text-center">
                            <button class="btn btn-primary btn_upload" title="Enviar documento" data-documento="cv">
                                <span id="span_send_cv"><i class="fa-solid fa-upload"></i></span>
                                <span id="span_validate_cv" style="display:none">
                                    <div class="spinner-border text-light" role="status">
                                        <span class="visually-hidden">Loading...</span>
                                    </div>
                                </span>
                            </button>
                        </div>
                        <div class="col-6 text-center">
                            <button class="btn btn-primary btn_cancel" title="Cancelar" data-documento="cv">
                                <span id="span_send_cv"><i class="fa-solid fa-xmark"></i></span>
                            </button>
                        </div>
                    </div>
                </div>

            @endif
        </div>
    </div>
@endif
@endsection

@section('scripts')
    @parent
    <script defer src="{{asset("assets/js/candidate/cv/_profile_candidate.js?r=".rand())}}"></script>
    <script src="https://unpkg.com/filepond@^4/dist/filepond.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-type/dist/filepond-plugin-file-validate-type.min.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.min.js"></script>
@endsection