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

@section('cv_content')
<div class="account-details">
    <h3>Información Personal</h3>
    @php
    $name = $info->name ?? $info->firstname;
    $lastname = $info->apat ?? $info->lastname;
    $mother_lastname = $info->amat ?? $info->mother_lastname;
    $celphone = $info->phone ?? $info->celphone;
    @endphp
    <form class="basic-info" id="form_info">
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label>Nombre(s)</label>
                    <input type="text" class="form-control" id="info_name" name="info_name" placeholder="Nombre(s)" value="{{ isset($name) ? $name : "" }}">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label>Apellido Paterno</label>
                    <input type="text" class="form-control" id="info_lastname" name="info_lastname" placeholder="Apellido(s)" value="{{ isset($lastname) ? $lastname : "" }}">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label>Apellido Materno</label>
                    <input type="text" class="form-control" id="info_mother_lastname" name="info_mother_lastname" placeholder="Apellido(s)" value="{{ isset($mother_lastname) ? $mother_lastname : "" }}">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label>Género</label>
                    <select class="form-select" id="info_gender" name="info_gender">
                        <option value="" disabled selected> Selecciona una opción</option>
                        <option value="Femenino" {{($info->gender == "Femenino") ? "selected" : ""}}>Femenino</option>
                        <option value="Masculino" {{($info->gender == "Masculino") ? "selected" : ""}}>Masculino</option>
                        <option value="Otro" {{($info->gender == "Otro") ? "selected" : ""}}>Otro</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Discapacidad</label>
                    <select class="form-select" id="info_disability" name="info_disability">
                        <option value="" {{isset($info->disability) ? "":"disabled selected" }}> Selecciona una opción</option>
                        <option value="1" {{($info->disability == "1") ? "selected" : ""}}>Si</option>
                        <option value="0" {{($info->disability == "0") ? "selected" : ""}}>No</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Fecha de nacimiento</label>
                    <input type="text" class="form-control" id="info_borndate" name="info_borndate" placeholder="" value="{{$info->borndate ?? ""}}">
                    <input type="hidden" id="hidden_borndate" value="{{$info->borndate ?? ""}}">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label>Teléfono</label>
                    <input type="tel" class="form-control" id="info_phone" name="info_phone" data-intl-tel-input-id="telephone">
                    <input type="hidden" id="hidden_phone" value="{{ ($info->phone_code ? $info->phone_code : "" ) . (isset($celphone) ? $celphone : "")}}">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Cambio de residencia</label>
                    <select class="form-select" id="info_residence" name="info_residence">
                        <option value="" residence selected> Selecciona una opción</option>
                        <option value="1" {{($info->residence == "1") ? "selected" : ""}}>Sí</option>
                        <option value="0" {{($info->residence == "0") ? "selected" : ""}}>No</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Disponibilidad para viajar</label>
                    <select class="form-select" id="info_travel" name="info_travel">
                        <option value="" travel selected> Selecciona una opción</option>
                        <option value="1" {{($info->travel == "1") ? "selected" : ""}}>Sí</option>
                        <option value="0" {{($info->travel == "0") ? "selected" : ""}}>No</option>
                    </select>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label>País</label>
                    <select class="form-select" id="info_country" name="info_country">
                        <option value="" disabled selected>Selecciona una opción</option>
                        <option value="México" {{($info->country == "México") ? "selected" : ""}} selected >México</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Código Postal</label>
                    <input type="number" class="form-control" id="info_CP" name="info_CP" value="{{$info->postalcode ?? ""}}">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Licencia de conducir</label>
                    <select class="form-select" id="info_license" name="info_license">
                        <option value="" disabled selected>Selecciona una opción</option>
                        <option value="A" {{($info->license_type == "A")   ? "selected" : ""}}>A</option>
                        <option value="B" {{($info->license_type == "B")   ? "selected" : ""}}>B</option>
                        <option value="C" {{($info->license_type == "C")   ? "selected" : ""}}>C</option>
                        <option value="D" {{($info->license_type == "D")   ? "selected" : ""}}>D</option>
                        <option value="No" {{($info->license_type == "No") ? "selected" : ""}}>No</option>
                    </select>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label>Estado</label>
                    <select class="form-select" id="info_state" name="info_state" {{isset($info->state) ? "" : "disabled"}}>
                        @if ((is_object($info) && !is_null($info->state)))
                            <option value="{{$info->state}}" selected>{{$info->state}}</option>
                        @else
                            <option value="" disabled selected>Selecciona una opción</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Municipio</label>
                    <select class="form-select" id="info_locality" name="info_locality" {{isset($info->locality) ? "" : "disabled"}}>
                        @if ((is_object($info) && !is_null($info->locality)))
                            <option value="{{$info->locality}}" selected>{{$info->locality}}</option>
                        @else
                            <option value="" disabled selected>Selecciona una opción</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label>Colonia</label>
                    <select class="form-select" id="info_neighborhood" name="info_neighborhood" {{isset($info->neighborhood) ? "" : "disabled"}}>
                        <option value="" disabled selected>Selecciona una opción</option>
                        @if ((is_object($info) && !is_null($info->neighborhood)))
                            <option value="{{$info->neighborhood}}" selected>{{$info->neighborhood}}</option>
                        @else
                            <option value="" disabled selected>Selecciona una opción</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="col-md-12 text-center">
                <button type="submit" class="account-btn" id="btn_save_info">
                    <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/intlTelInput-jquery.min.js")}}"></script>
<script defer src="{{asset("assets/js/intlTelInput.min.js")}}"></script>
<script src="{{asset("assets/js/app.js")}}"></script>
<script src="{{asset("assets/js/widgets.js")}}"></script>
<script defer src="{{asset("assets/js/candidate/cv/_cvinfo.js?r=".rand())}}"></script>
@endsection