@extends('new_header')
@section('main')
<main class="container mt-5 mt-lg-5">
@if (isset($error_consumos) && $error_consumos !== null)
    <br><br><div class="justify-content-center alert alert-danger">
            <h4 class='text-center'>{{$error_consumos}}</h4>
    </div>
@else
    <div class="row justify-content-center pt-3 pt-xxl-5">
        <div class="col-12 col-md-5 my-5">
            <h4 class="text-center"> @traducir('Completar los Datos de la contraparte','Completar los Datos de la contraparte') </h4>
        </div>
    </div>

    <!-- -->
    <!-- FORMULARIO DEVOLVER BUSCADOR -->
    <form id="formulario_devolver_buscador" action="/iv/iv-producto-solicitud" method="POST">
        {{ csrf_field() }}
        {{-- <input type="hidden" name="id_tipo_informe" value="{{ $tipoinforme->id_tipo_informe }}"> --}}
	    <input type="hidden" name="id_padron" value="{{ $persona->id_padron }}">
        <input type="hidden" name="pais_busqueda" @if( $otro_tipo_busqueda ) value="otros" @else value="AR" @endif>
    </form>
    <!-- MODAL DE CONFIRMACION DE DISPONIBLE -->
    <div class="modal fade" id="modal_confirmacion_disponible">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- -->
                <div class="modal-header">
                    <h5 class="modal-title text-center">@traducir('¿Desea finalizar la carga de ésta búsqueda sin ingresar archivo del CV?','¿Desea finalizar la carga de ésta búsqueda sin ingresar archivo del CV?')</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <!-- -->
                <div class="modal-body">
                    <div class="row justify-content-center">
                        <div class="col-3 text-end d-grid">
                            <button class="btn btn-success" id="confirmar_ingreso" data-bs-dismiss="modal">@traducir('Si','Si')</button>
                        </div>
                        <div class="col-3 text-start d-grid">
                            <button class="btn btn-danger" id="rechazar_ingreso" data-bs-dismiss="modal">@traducir('No','No')</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE CONFIRMACION DE BORRAR ARCHIVO -->
    <div class="modal fade" id="modal_borrar_archivo">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- -->
                <div class="modal-header">
                    <h5 class="modal-title text-center">@traducir('¿Desea eliminar el archivo del CV?','¿Desea eliminar el archivo del CV?')</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <!-- -->
                <div class="modal-body">
                    <div class="row justify-content-center">
                        <div class="col-3 text-end d-grid">
                            <button class="btn btn-success" id="confirmar_borrar_archivo" data-bs-dismiss="modal">@traducir('Si','Si')</button>
                        </div>
                        <div class="col-3 text-start d-grid">
                            <button class="btn btn-danger" id="rechazar_borrar_archivo" data-bs-dismiss="modal">@traducir('No','No')</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- FORMULARIO DE DATOS DEL CANDIDATO -->
    <form id="frmDatosCandidatos">
        {{ csrf_field() }}
        {{-- <input type="hidden" name="id_tipo_informe" value="{{ $tipoinforme->id_tipo_informe }}"> --}}
	    <input type="hidden" name="id_padron" value="{{ $persona->id_padron }}">
        <input type="hidden" id="duracion_informe" name="duracion_informe">
        <!-- -->
        <div class="row justify-content-center my-4">
            <div class="col-12 col-md-4 form-group">
                <label class="form-label" for="country_name">@traducir('País', 'País')</label>
                <input type="text" name="country_name" id="country_name" readonly="readonly" class="form-control form-control-sm" value="{{ $persona->country_name }}">
            </div>
            <div class="col-12 col-md-4 form-group">
                <label class="form-label" for="nombre_persona">@traducir('Nombre', 'Nombre')</label>
			    <input type="text" name="nombre_persona" id="nombre_persona" readonly="readonly" class="form-control form-control-sm" value="{{ $persona->nombre_persona }}">
            </div>
            <div class="col-12 col-md-4 form-group">
                <label class="form-label" for="identificacion">@traducir('identificacion', 'Identificación')</label>
			    <input type="text" name="identificacion" id="identificacion" readonly="readonly" class="form-control form-control-sm" value="{{ $persona->abreviatura }} {{ $persona->identificacion }}">
            </div>
            {{--<div class="col-12 col-md-4 form-group">
                <label class="form-label" for="nombre_producto">@traducir('Producto', 'Producto')</label>
			    <input type="text" name="nombre_producto" id="nombre_producto" value="{{$tipoinforme->nombre_tipo_informe}}" class="form-control form-control-sm" readonly="readonly">
            </div>--}}
        </div>
        <!-- -->
        {{--<div class="row justify-content-center my-4">
            <div class="col-12 col-md-6 text-start">
                @traducir('seleccione la familia', 'Seleccione la familia')
            </div>
            <div class="col-12 col-md-6">
                @foreach($familias as $n => $thisf)
                <div class="form-check form-check-inline">
                    <label class="form-check-label" for="familia">&nbsp;{{ $thisf->nombre_familia }}</label>
                    <input class="form-check-input" type="Radio" name="familia" class="" value="{{ $thisf->familia }}" @if($thisf->familia == $familia OR ($familia == NULL AND $n==0) ) checked="checked" @endif>
                </div>
                @endforeach
            </div>
        </div>
        <!-- ELEGIR TIPO DE INFORME -->
        <div class="row justify-content-center my-4">
            <div class="col-12 col-md-6 text-start">
                @traducir('seleccionar_tipo_informe', 'Seleccione el tipo de informe')
            </div>
            <div class="col-12 col-md-6" id="seccion-familia-tipo-informe">
                <select class="form-select" name="id_tipo_informe" id="id_tipo_informe"></select>
            </div>
            <div class="col-12 col-md-6 d-none" id="cargando-familia-tipo-informe">
                @traducir('cargando','Cargando')... <div class="spinner-border text-fidelitas"></div>
            </div>
        </div>--}}
        <!-- FAMILIAS Y INFORMES -->
        <div class="row justify-content-center my-4">
            <div class="col-12 col-md-6 text-start">
                <label class="form-label" for="familia">@traducir('seleccione la familia', 'Seleccione la familia')</label>
                <div>
                    @foreach($familias as $n => $thisf)
                    <div class="form-check form-check-inline">
                        <label class="form-check-label" for="familia-{{ $thisf->familia }}">&nbsp;{{ $thisf->nombre_familia }}</label>
                        <input class="form-check-input" type="Radio" name="familia" id="familia-{{ $thisf->familia }}" value="{{ $thisf->familia }}" @if($thisf->familia == $familia OR ($familia == NULL AND $n==0) ) checked="checked" @endif>
                    </div>
                    @endforeach
                </div>
            </div>
            <!-- -->
            <div class="col-12 col-md-6">
                <div id="seccion-familia-tipo-informe">
                    <label class="form-label" for="id_tipo_informe">@traducir('seleccionar_tipo_informe', 'Seleccione el tipo de informe')</label>
                    <select class="form-select" name="id_tipo_informe" id="id_tipo_informe"></select>
                </div>
                <div class="d-none" id="cargando-familia-tipo-informe">
                    @traducir('cargando','Cargando')... <div class="spinner-border text-fidelitas"></div>
                </div>
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-start my-4">
            <div class="col-12 col-md-6">
                <label class="form-label" for="referencia">@traducir('Referencia interna', 'Referencia interna') (@traducir('codigo', 'código') - @traducir('descripcion', 'descripción'))</label>
                <select name="referencia" id="referencia" class="form-select form-select-sm" autocomplete="off">
                    <option value="">-- @traducir('Seleccione', 'Seleccione') --</option>
                    <option value="nueva-referencia">-- @traducir('Nueva', 'Nueva') --</option>
                    @foreach ($referencias as $refc)
                        <option value="{{ $refc->ref }}|{{ $refc->ref_nombre }}" @if($referencia == $refc->ref . '|' . $refc->ref_nombre) selected="selected" @endif>{{ $refc->ref }} - {{ $refc->ref_nombre }}</option>
                    @endforeach    
                </select>
            </div>
            <!-- Descripcion de informes -->
            <div class="col-12 col-md-3" id="descripciones-informes"></div>
            <div class="col-12 col-md-3">@traducir('Cantidad de solicitudes','Cantidad de solicitudes')
                <div class="row col-12 col-md-12">
                    <div class="col-md-6">
                    <label class="form-label" for="disponible" style='font-size: 12px;'>@traducir('Total disponible', 'Total disponible')</label>
                    <input type="text" id='disponible' class='form-control form-control-sm' disabled value={{$consumos->limite_cliente or ''}}>
                    </div>
                    <div class="col-md-3">
                    <label class="form-label" for="consumido" style='font-size: 12px;'>@traducir('consumido', 'Consumido')</label>
                    <input type="text" id="consumido" class='form-control form-control-sm'  disabled value={{$consumos->consumido_cliente or ''}}>
                    </div>
                    <div class="col-md-3">
                    <label class="form-label" for="consumido" style='font-size: 12px;'>@traducir('disponible', 'Disponible')</label>
                    <input type="text" id="consumido" class='form-control form-control-sm'  disabled value={{$consumos->disponible or ''}}>
                    </div>
                </div>
            </div>

        </div>
       
        <div class="row justify-content-center my-4">
            <div class="col-12 col-md-6">
                <label class="form-label" for="ref_seccion">@traducir('sector', 'Sector')</label>
			    <input name="ref_seccion" id="ref_seccion" class="form-control form-control-sm" maxlength="100" placeholder="@traducir('sector candidato', 'Sector para el candidato/empleado')" value="{{ $ref_seccion }}" autocomplete="off">
            </div>
            <div class="col-12 col-md-6">
                <label class="form-label" for="ref_cargo">@traducir('cargo','Cargo')</label>
			    <input name="ref_cargo" id="ref_cargo" class="form-control form-control-sm" maxlength="100" placeholder="@traducir('cargo candidato', 'Cargo para el candidato/empleado')" value="{{ $ref_cargo }}" autocomplete="off">
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-center my-4">
            <div class="col-12 col-md-6">
                <label class="form-label" for="email_candidato">@traducir('email', 'E-mail')</label>
			    <input name="email_candidato" id="email_candidato" class="form-control form-control-sm" maxlength="100" placeholder="@traducir('email candidato', 'E-mail del candidato/empleado')" value="{{ $email_candidato }}" autocomplete="off">
            </div>
            <div class="col-12 col-md-6">
                <label class="form-label" for="telefono_candidato">@traducir('telefono', 'Teléfono')</label>
			    <input name="telefono_candidato" id="telefono_candidato" class="form-control form-control-sm" maxlength="100" placeholder="@traducir('telefono candidato', 'Teléfono del candidato/empleado')" value="{{ $telefono_candidato }}" autocomplete="off">
            </div>
            {{--@if ($tipoinforme->confidencial == 0)
            <div class="col-12 col-md-6">
                <label class="form-label" for="email_candidato">@traducir('email', 'E-mail')</label>
			    <input name="email_candidato" id="email_candidato" class="form-control form-control-sm" maxlength="100" placeholder="@traducir('email candidato', 'E-mail del candidato/empleado')" value="{{ $email_candidato }}" autocomplete="off">
            </div>
            <div class="col-12 col-md-6">
                <label class="form-label" for="telefono_candidato">@traducir('telefono', 'Teléfono')</label>
			    <input name="telefono_candidato" id="telefono_candidato" class="form-control form-control-sm" maxlength="100" placeholder="@traducir('telefono candidato', 'Teléfono del candidato/empleado')" value="{{ $telefono_candidato }}" autocomplete="off">
            </div>
            @else
            <div class="col-12 col-md-6">
                <label class="form-label" for="email_candidato">@traducir('email', 'E-mail')</label>
			    <input name="email_candidato" id="email_candidato" class="form-control form-control-sm" maxlength="100" placeholder="" value="" disabled="disabled" autocomplete="off">
            </div>
            <div class="col-12 col-md-6">
                <label class="form-label" for="telefono_candidato">@traducir('telefono', 'Teléfono')</label>
			    <input name="telefono_candidato" id="telefono_candidato" class="form-control form-control-sm" maxlength="100" placeholder="" value="" disabled="disabled" autocomplete="off">
            </div>
            @endif--}}
        </div>
        <!-- -->
        <div class="row justify-content-center my-4">
            <div class="col-12">
                <label class="form-label" for="notas_candidato">@traducir('observaciones', 'Observaciones')</label>
			    <textarea name="notas_candidato" id="notas_candidato" class="form-control form-control-sm" rows="3" autocomplete="off">{{ $notas_candidato }}</textarea>
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-center my-5">
            <div class="col-7 @if($file_name != NULL AND $file_url != NULL) d-none @endif" id="bloque-cargar-cv">
                <label class="form-label">@traducir('seleccionar archivo cv', 'Seleccionar archivo CV')</label>
                <div class="input-group">
                    <input type="file" name="archivo" id="archivo" accept=".pdf" class="form-control">
                    <button type="submit" id="btnupload" class="btn btn-primary"><i class="fa fa-upload"></i> @traducir('subir archivo', 'Subir archivo')</button>
                </div>
            </div>
            <div class="col-5">
                <div class="col-md-5 text-center form-group pt-5 d-none" id="filemsg"></div>
            </div>
        </div>
        <!-- -->
        <div class="d-flex justify-content-center my-4 d-none" id="loading_upload">
            <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">
            </div>
        </div>
        <!-- -->
        <div id="mensaje_upload" class="row justify-content-center text-center d-none"></div>
    </form>
    <!-- -->
	<div class="row my-3" id="archivo_disponible">
		@if ($file_name != NULL AND $file_url != NULL)
			@include('/iv/new/iv_buscar_cv_temp')
		@endif
	</div>
    <!-- -->
    <div class="row justify-content-end my-5">
        <div class="col-2 text-end">
            <button type="button" class="btn btn-secondary anterior_buscador"><i class="fa fa-arrow-left"></i> @traducir('anterior', 'Anterior')</button>
        </div>
        <div class="col-2 text-start">
            <button type="button" class="btn btn-fidelitas finalizar">@traducir('finalizar', 'Finalizar') <i class="fa fa-flag"></i></button>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-center my-5 d-none" id="seccion_alerta">
        <div class="alert alert-danger" role="alert" id="alerta_error">
        </div>
    </div>
    <!-- -->
@endif
</main>

<!-- MODAL DE ALTA DE REFERENCIA -->
<div id="modalReferencia" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="modal_ref">@traducir('Nueva referencia', 'Nueva referencia')</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <!-- -->
            <div class="modal-body" id="modal_ref">
                <form method="post" id="frmReferencia">
                    <!-- --> 
                    <div class="row justify-content-center my-2">
                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" class="form-control" name="codigo" id="codigo" required="required" placeholder="@traducir('Código','Código')" autocomplete="off">
                                <label class="form-label" for="codigo">@traducir('Codigo', 'Código')</label>
                            </div>
                        </div>
                        <!-- -->
                        <div class="col-md-8">
                            <div class="form-floating">
                                <input type="text" class="form-control" name="descripcion" id="descripcion" placeholder="@traducir('Descripción','Descripción')" required="required" autocomplete="off">
                                <label class="form-label" for="descripcion">@traducir('descripcion', 'Descripción')</label>
                            </div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="row justify-content-end my-2">
                        <div class="col-md-3">
                            <button type="Submit" class="btn btn-fidelitas btn-primary form-control">@traducir('Guardar', 'Guardar')</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- -->
@endsection
@section('funcionesJS')
<script>
    $(document).ready(function(){
        llamadasDatosDeBusqueda();
    });
</script>
<script src="{{ asset('Libreria_CA/Js/iv.js') }}?v=1"></script>
@endsection