@extends('new_header')
@section('main')
<style>
    .fancy-grid{
        border-color: #fff !important;
    }
	.icon-fancy-header{
		line-height:0.2;
	}
    .fancy-panel-tbar{
        background-color: #fff !important;
        border-color: #fff !important;
    }
    .fancy-grid-cell-even{
        background-color: #fff !important;
    }
    .fancy-grid-cell-selected{
        background-color: #E0E5E9 !important;
    }
    .fancy-grid-cell-inner{
        color: rgb(63, 58, 58) !important;
        /* margin-top: 0 !important; */
    }
    .fancy-grid-cell-inner > img{
        margin-top: 7% !important;
    }
    .fancy-grid-cell-inner > i{
        margin-top: 25% !important;
    }
    /* .fancy-grid-cell-inner > span {
        margin-top: 45% !important;
    } */
    .fancy-grid-header-cell{
        background-color: #fff !important;
    }
</style>
<link href="{{asset('/css/fancy.min.css')}}" rel="stylesheet">
<div class="container-fluid mt-5 pt-4">
	<div class="row justify-content-center">
		<div id="loading_panel_control" class="text-center d-none">
			<div class="col-md-12 text-fidelitas">
				<label>Loading... Please hold.</label>
			</div>
			<div class="col-md-12 text-center text-fidelitas mt-3">
                <div class="spinner-border" role="status">
                    <span class="visually-hidden"></span>
                </div>
			</div>
		</div>
		<!-- -->
		<div id="sin_datos_panel_control" class="text-center d-none">
			<div class="text-center">
				<div class="thumbnail box-shadow">
					<h4 class="caption text-center" style="color:crimson;"><em> @traducir('No se encuentran solicitudes por el momento','No se encuentran solicitudes por el momento') </em></h4>
				</div>
			</div>
		</div>
    </div>
</div>
<div class="container-fluid">
	<div class="row justify-content-center">
		<!--Aviso de cargando-->
		<div id="loading_panel_control_fancy" class="text-center d-none">
			<div class="col-md-12 text-fidelitas">
				<label>Loading... Please hold.</label>
			</div>
			<div class="col-md-12 text-center text-fidelitas mt-3">
				<div class="spinner-border" role="status">
					<span class="visually-hidden"></span>
				</div>
			</div>
		</div>
		<!-- -->
		<div class="col-12" id="col-fancy">		
			<h5 class="text-fidelitas text-center m-3">Control Panel @if( env('TEST_IV') ) <b>(Test Mode)</b> @endif</h5>
			<div id="tablaPanelControl"></div>
		</div>
	</div>
</div>
<!-- -->
<div id="modalBusqueda" class="modal fade" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
     	  <div class="modal-header">
            <button type="button" class="close cerrarmodalBusqueda" aria-hidden="true">&times;</button>
        	<h3 class="modal-title" id="modal_title"></h3>
		  </div>
		<div class="modal-body" id="modal_body"></div>
	   </div>
    </div>
</div>
<!-- -->
<div id="modalReferencia" class="modal fade" data-backdrop="static" data-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="close cerrarmodalReferencia" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="modal_ref">
                <form action="/iv/nueva-referencia" class="form" method="post" id="frmReferencia">
					<div class="row">
						<div class="col-md-4 form-group">
							<label for="codigo">@traducir('Codigo', 'Código')</label>
								<input type="text" class="form-control" name="codigo" id="codigo" required="required">					
						</div>
						<div class="col-md-8 form-group">
							<label for="descripcion">@traducir('descripcion', 'Descripción')</label>
							<input type="text" class="form-control" name="descripcion" id="descripcion" required="required">								
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-md-offset-9">
							<button type="Submit" class="btn btn-fidelitas btn-primary form-control">@traducir('Guardar', 'Guardar')</button>
						</div>
					</div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--Aviso de cargando-->
<div id="loading_panel_control_fancy" class="text-center d-none">
	<div class="col-md-12 text-fidelitas">
		<label>Loading... Please hold.</label>
	</div>
	<div class="col-md-12 text-center text-fidelitas mt-3">
        <div class="spinner-border" role="status">
            <span class="visually-hidden"></span>
        </div>
	</div>
</div>
<!-- -->
<div id="modalInquiro" class="modal fade" data-bs-backdrop="static">
    <div class="modal-dialog" style="max-width: 70%;">
		<div class="modal-content" style="max-height: 100%;">		
			<div class="modal-header">
				<h3 class="modal-title" id="inquiro_title"></h3>
				<button type="button" class="btn-close close cerrarmodalInquiro" data-bs-dismiss="modal" aria-hidden="true"></button>
			</div>
			<div class="modal-body pb-5" id="inquiro_body" style="max-height: calc(100% - 120px);">
				<div class="row">
					<div class="col-5">
						<div>Reference: <span id="reference"></span></div>
						<div>Status: <span id="status"></span></div>
						<div>Start Date: <span id="start"></span></div>
						<div>End Date: <span id="end"></span></div>												
					</div>
					<div class="col-7">
						Pdf not Found
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- -->
<!-- MODAL PARA INFORMAR QUE NO TIENE CONTRAPARTES -->
	<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" id="modalAviso">
		<div class="modal-dialog modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-header py-1">
					<h4 class="modal-title">Aviso</h4>
					<button type="button" class="btn close fs-3 p-0 cerrarModalAviso" data-bs-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<h5 class="d-none nadaEnContrapartes" style="color:crimson;">@traducir('No posee contrapartes finalizadas. ¿Ir a la seccion En procesos? ','No posee contrapartes finalizadas. ¿Ir a la seccion En procesos? ')</h5>
					<h5 class="d-none nadaEnProcesos" style="color:crimson;">@traducir('No posee contrapartes en procesos. ¿Ir a la seccion Panel de control? ','No posee contrapartes en procesos. ¿Ir a la seccion Panel de control? ')</h5>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary btn-sm cerrarModalAviso" data-bs-dismiss="modal">@traducir('Cerrar', 'Cerrar')</button>
					<button type="button" class="btn btn-primary btn-sm btn-danger" id="irEnProcesos">@traducir('Ir a seccion', 'Ir a seccion')</button>
				</div>
			</div>
		</div>
	</div>
<!--  -->
<div id="modalExcel" class="modal fade modal-excel" data-bs-backdrop="static">
    <div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="modal_excel_title">Export to Excel</h4>
				<button type="button" class="close cerrarmodalExcel btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
			</div>
			<div class="modal-body" id="modal_excel_body">
				<div class="row">
					<div class="col-md-12 text-center">Generating file, please wait...</div>
				</div>
				<!-- -->
				<div class="row" id="loading-excel d-block">
                    <div class="col-md-12 text-center text-fidelitas mt-3">
                        <div class="spinner-border" role="status">
                            <span class="visually-hidden"></span>
                        </div>
                    </div>
				</div>
			</div>		
		</div>
	</div>
</div>

<button class="d-none" data-bs-target="#modalDocumento" data-bs-toggle="modal" data-bs-dismiss="modal" id="test"></button>
<div id="modalDocumento" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog" style="max-width: 90%;">
        <div class="modal-content">
     	    <div class="modal-header">
        	    <h3 class="modal-title" id="doc_title"></h3>
                <button type="button" class="btn-close cerrarmodaldoc" data-bs-target="#modalInquiro" data-bs-toggle="modal" data-bs-dismiss="modal" aria-label="Close"></button>
		    </div>
		    <div class="modal-body px-5" >
                <div id="loading_doc" class="text-center text-fidelitasOR pt-3">
                    <div class="col-md-12">
                        <label>@traducir('cargando', 'Cargando... Por favor aguarde un momento.')</label>
                    </div>
                    <div class="col-md-12 text-center mt-3">
                        <div class="spinner-border" role="status">
                            <span class="visually-hidden"></span>
                        </div>
                    </div>
                </div>
                <div id="doc_data"></div>
            </div>
	    </div>
    </div>
</div>
<!-- -->
<div id="modalDatosDocumento" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="datos_doc_title"></h3>
                <button type="button" class="btn-close cerrarmodaldatosdoc" aria-hidden="true" data-bs-dismiss="modal"></button>
            </div>
		<div class="modal-body" id="datos_doc_data"></div>
	   </div>
    </div>
</div>
<!-- -->
<div id="modalEdicionCarga" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="editor_titulo"></h3>
                <button type="button" class="btn-close " aria-hidden="true" data-bs-dismiss="modal"></button>
            </div>
		<div class="modal-body" id="content_editor"></div>
	   </div>
    </div>
</div>
<!-- -->
<div id="modalCancelarOrden" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="cancel_titulo">Cancel Order</h3>
            </div>
			<form id="frmCancelOrden">
				{{csrf_field()}}
				<input type="hidden" name="contraparte">
				<input type="hidden" name="gestion">
				<input type="hidden" name="informe">
				<input type="hidden" name="accion" value="C">
				<div class="modal-body" id="content_cancelar">
					<div class="row justify-content-center">
					<p class="lead text-center my-4">You are about to <b>cancel</b> the order with the next id reference: #<span id="cancel_refe_id"></span><br></p>
						<div class="col-9">							
							<label for="notas_candidato">Please justify:</label>
							<textarea name="add_notas_candidato" id="notas_candidato" class="form-control" rows="6"></textarea>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<div class="col text-end">
						<button class="btn btn-danger" id="confir-cancel-orden" type="button">Cancel Order</button>
						<button class="btn btn-secondary cancelar-back" type="button">Back</button>
					</div>
				</div>
			</form>
	   </div>
    </div>
</div>
<!-- traducir algunas variables de la fancy -->
<input type="hidden" name="registros" id="registros" value="@traducir('Registros','Registros')">
<input type="hidden" name="de" id="de" value="@traducir('de','de')">
<input type="hidden" name="pagina" id="pagina" value="@traducir('Página','Página')">
<input type="hidden" name="alert_error" id="alert_error" value="@traducir('No se pudieron cargar los datos, por favor intente de vuelta','No se pudieron cargar los datos, por favor intente de vuelta')">
<input type="hidden" name="desactivar_filtro" id="desactivar_filtro" value="@traducir('Desactivar Filtros','Desactivar Filtros')">
<input type="hidden" name="exportar_excel" id="exportar_excel" value="@traducir('Exportar a Excel','Exportar a Excel')">
<!-- -->
<form id="frmInquiro" name="frmInquiro" method="post">
	{{ csrf_field() }}
	<input type="hidden" name="contraparte" value="" id="_contraparte">
	<input type="hidden" name="gestion" value="" id="gestion">
	<input type="hidden" name="iv_busqueda" value="" id="_iv_busqueda">
	<input type="hidden" name="country_code" value="" id="_country_code">
	<!-- <input type="hidden" name="totalTAT" value="" id="totalTAT"> -->
	<input type="hidden" name="column" value="" id="_column">
	<input type="hidden" name="_row_selected" value="" id="_row_selected">
	<input type="hidden" name="informe_hit" value="" id="informe_hit">
	<input type="hidden" name="es_en_proceso" id="es_en_proceso">
</form>
<!-- -->
<form name="frmPanelIV" id="frmPanelIV" method="post" action="/iv/iv-panel-control">
	{{csrf_field()}}
	<input type="hidden" id="url_nueva" name="url_nueva" value="">
	<!--NUEVO-->
	<input type="hidden" id="mostrar_en_proceso" name="mostrar_en_proceso" value="{{$en_proceso}}">
	<!--NUEVO-->
	<input type="hidden" name="contrapartes" value="{{$lista_contrapartes}}">
	<input type="hidden" name="clave_indicador" value="{{$clave_indicador}}">
	<input type="hidden" name="valor_texto" value="{{$valor_texto}}">
	<input type="hidden" name="sin_filtro_visibilidad" value="{{$sin_filtro_visibilidad}}">
</form>
<!-- -->
<form name="frmIds" id="frmIds" method="post" action="/led/led-panel-control-excel">
	{{csrf_field()}}
	<input name="ids" type="hidden" value="" id="ids">
</form>
<form name="goPanelControl" id="goPanelControl" method="post" action="/iv/iv-panel-control-nuevo">
	{{csrf_field()}}
</form>

@endsection

@section('funcionesJS')
<script src="{{ asset('/js/fancy/fancy.min.js')}}"></script>
<script src="{{ asset('/Libreria_CA/Js/iv/iv_nueva_busqueda.js') }}?v={{rand()}}"></script>
<script src="{{ asset('/Libreria_CA/Js/iv/iv_panel_control.js') }}?v={{rand()}}"></script>
<script src="{{ asset('/Libreria_CA/Js/iv/form_dependencia.js') }}?v={{rand()}}"></script>
<!-- -->
<script>
	$(document).ready(function(){
        var personas = <?php echo(json_encode($personas)); ?>;
        var en_proceso = <?php echo($en_proceso); ?>;
        panelControl(personas,en_proceso);
	});
</script>
@endsection