@extends('layouts.navigation')

@section('content')
<!-- Account Area Start -->
<section class="account-section ptb-100">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="account-information">
                    <div class="profile-thumb">
                        <!--begin::Image input-->
                        <form id="form_profile_image">
                            @csrf
                            <input type="hidden" id="cid" value="{{md5(auth()->user()->user_candidate_id)}}">
                            <!--begin::Image input-->
                            <div id="kt_image_input" data-kt-image-input="true" class="image-input image-input-empty image-input-outline image-input-placeholder contenedor-foto-tamano" style="background-image:url('/ProfileController/g_getProfileimage?cid={{md5(auth()->user()->user_candidate_id)}}')">
                                <!--begin::Image preview wrapper-->
                                <div class="image-input-wrapper w-50px h-50px w-lg-125px h-lg-125px w-sm-75px h-sm-75px w-md-75px h-md-75px w-xs-75px h-xs-75px"></div>
                                <!--end::Image preview wrapper-->

                                <!--begin::Edit button-->
                                <label class="image btn btn-icon btn-circle btn-color-muted btn-active-color-primary w-25px h-25px bg-body border" data-kt-image-input-action="change" data-bs-toggle="tooltip" data-bs-dismiss="click" title="Editar Foto">
                                    <i class="ki-duotone ki-pencil fs-6"><i class="path1"></i><i class="path2"></i></i>

                                    <!--begin::Inputs-->
                                    <input type="file" name="avatar" accept=".png, .jpg, .jpeg" />
                                    <input type="hidden" name="avatar_remove" />
                                    <!--end::Inputs-->
                                </label>
                                <!--end::Edit button-->
                            </div>
                            <!--end::Image input-->
                        </form>
                        <!--end::Image input-->
                        <!--begin::Hint-->
                        <div class="form-text mb-4">Tipos de imagen: png, jpg, jpeg.</div>
                        <!--end::Hint-->
                        @php
                        $id_user_candidate = auth()->user()->user_candidate_id;
                        $user = \App\Models\UserCandidates::where("id",$id_user_candidate)->first();
                        if(!is_null($user)){
                        $name = $user->name." ".$user->apat." ".$user->amat;
                        }
                        $user_cv = \App\Models\CandidatesCV::where("candidate_id",$id_user_candidate)->first();
                        if(!is_null($user_cv)){
                        $puesto = $user_cv->title;
                        }
                        @endphp
                        <h3>{{isset($name) ? $name : "" }}</h3>
                        <p>{{isset($puesto) ? $puesto : "" }}</p>
                    </div>

                    <ul>
                        <li id="profile_option">
                            <a href="/candidate/profile">
                                <i class='bx bx-user'></i> Mi perfil
                            </a>
                            <!--div class="collapse" id="collapseOptions">
                                <ul>
                                    <li><a href="/candidate/cvinfo">Información personal</a></li>
                                    <li><a href="/candidate/cvdescription">Mi descripción</a></li>
                                    <li><a href="/candidate/cvexperience">Experiencia laboral</a></li>
                                    <li><a href="/candidate/cveducation">Preparación académica</a></li>
                                    <li><a href="/candidate/cvskills">Habilidades</a></li>
                                    <li><a href="/candidate/cvlanguages">Idiomas</a></li>
                                    <li><a href="/candidate/cvcertificates">Certificaciones</a></li>
                                </ul>
                            </div-->
                        </li>
                        <li>
                            <a href="/candidate/cv">
                                <i class='bx bxs-file-doc'></i>
                                Mi CV
                            </a>
                        </li>
                        <li>
                            <a href="/jobs/myApplies">
                                <i class='bx bx-briefcase'></i>
                                Mis postulaciones
                            </a>
                        </li>
                        <!--li>
                            <a href="#">
                                <i class='bx bx-briefcase'></i>
                                Mis postulaciones
                            </a>
                        </li-->
                        <!--li>
                            <a href="#">
                                <i class='bx bx-heart'></i>
                                Trabajos guardados
                            </a>
                        </li-->
                        <li>
                            <a id="btn_logout" class="a_option pointer">
                                <i class='bx bx-log-out'></i>
                                Cerrar sesión
                            </a>
                            <form action="{{ route('logout') }}" id="logout_form" method="POST" class="logout-form d-none">
                                @csrf
                            </form>
                        </li>
                    </ul>
                </div>
                <div class="account-details">
                    <h3>Vistos recientemente</h3>
                    @foreach (\App\Models\last_client_activity::where("user_id",auth()->user()->id)->orderBy("id","desc")->get() as $item)
                        @php
                         $job = ($item->job) ? $item->job : $item->last_requisition;
                        @endphp
                        @include('users.candidate.jobs.jobSnack',["item" => $item,"job" => $job])
                    @endforeach
                </div>
            </div>

            <div class="col-md-8">
                @yield('cv_content')
            </div>
        </div>
    </div>
</section>
<!-- Account Area End -->



<div class="modal fade" id="profileimage_modal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="card-title" id="modalLabel"><strong>Recorta la imagen</strong></h4>
            </div>
            <div class="modal-body">
                <div class="img-container">
                    <div class="row">
                        <div class="col-md-8">
                            <img id="image">
                        </div>
                        <div class="col-md-4">
                            <div class="preview">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="btn-cancelar" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="crop">
                    <span class="indicator-label">Recortar y subir</span>
                    <span class="indicator-progress">Validando...
                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                </button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('styles')
<link rel="stylesheet" href="{{asset("assets/css/candidate/_account_candidate.css")}}">
<link rel="stylesheet" href="{{asset("assets/css/cropper.bundle.css")}}">
@endsection

@section('scripts')
<script defer src="{{asset("assets/js/cropper.bundle.js")}}"></script>
<script defer src="{{asset("assets/js/candidate/_account_candidate.js?r=".rand())}}"></script>
<!--No se usa yield porque en la vista hijo se una parent y cuando ambos se usan se duplican los scripts -->
@endsection