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

@section('cv_content')
<div class="account-details">
    <h3>Mi descripción</h3>
    <form class="basic-info" id="form_description">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Puesto</label>
                    <input type="text" class="form-control" id="desc_title" name="desc_title" placeholder="" value="{{$candidate_cv->title ?? ""}}">
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label>Salario mensual (MXN)</label>
                    <input type="number" class="form-control" id="desc_salary" name="desc_salary" placeholder="Ej. 10000" value="{{$candidate_cv->salary ?? ""}}">
                </div>
            </div>

            <div class="col-md-12">
                <div class="form-group">
                    <label>Área laboral</label>
                    <select required id="desc_area" name="desc_area" data-control="select2" data-placeholder="Selecciona una opción" class="select_area form-select form-input-text career_level_select form-candidate-area">
                        <option value=""></option>
                        @php
                            $areas = \App\Models\JobsAreas::all();
                            $area_cand='';
                            if(isset($candidate_cv->area)){
                                $area_cand = $candidate_cv->area;
                            }
                        @endphp
                        @foreach ($areas as $ar)
                            <option {{(isset($candidate_cv->area) && $area_cand == $ar->id) ? "selected" : "" }} value="{{$ar->id}}">{{$ar->name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="col-md-12">
                <div class="form-group">
                    <label>Área de especialidad</label>
                    @php
                        $area=1;
                        if(isset($candidate_cv->area)){
                            $area = $candidate_cv->area;
                        }
                        $subarea_cand='';
                        if(isset($candidate_cv->subarea)){
                            $subarea_cand = $candidate_cv->subarea;
                        }
                        $subarea = \App\Models\JobsSubareas::where("area_id",$area)->get();
                    @endphp
                    <select required id="desc_subarea" name="desc_subarea" data-control="select2" data-placeholder="Selecciona una opción" class="form-select form-input-text career_level_select form-candidate-subarea" >
                        <option value=""></option>
                        @foreach ($subarea as $sub)    
                            <option {{(isset($candidate_cv->subarea) && $subarea_cand == $sub->getAttribute('id')) ? "selected" : "" }} value="{{$sub->getAttribute('id')}}">{{$sub->getAttribute('name')}}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="col-md-12">
                <div class="form-group">
                    <label>Acerca de ti</label>
                    <textarea class="form-control" id="desc_description" name="desc_description" cols="30" rows="8" maxlength="200" placeholder="Ej. Busco contribuir con mis habilidades y conocimientos en un entorno laboral dinámico y desafiante.">{{$candidate_cv->goal ?? ""}}</textarea>
                </div>
            </div>

            <div class="col-md-12 text-center">
                <button type="submit" class="account-btn" id="btn_save_description">
                    <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>
            </div>
        </div>
    </form>
</div>
@endsection

@section('scripts')
@parent

<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"></script>
<script defer src="{{asset("assets/js/candidate/cv/_cvdescription.js?r=".rand())}}"></script>
@endsection