{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# CSS #}
    {#Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.bootstrap.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.responsive.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.tableTools.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
     <link rel="stylesheet" href="{{ asset('bundles/main/css/select2.css') }}"/>
    {# Checkbox #}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/css/font-awesome.css') }}">
    <link rel="stylesheet" href="{{ asset('bundles/shedule/css/build.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/sweetalert/sweetalert.css') }}" >
    
    {# Custom #}
    <link rel="stylesheet" href="{{ asset('bundles/hirukofacturacion/css/customfacturacion.css') }}" />
    
    {# JS #}
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.tableTools.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/sweetalert/sweetalert.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukofacturacion/js/RelacionEstudiosContratos.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukofacturacion/js/RelacionarInsumos.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script type="text/javascript" src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
     <script>
        var UrlDataEstudiosContratos = '{{ path('estudiosContratos') }}';
        var select = '{{ 'button.select'|trans([], 'LocalizationBundle') }}';
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var UrlConsultarModalidadesConvenio = '{{ path('hiruko_consultar_modalidades_convenios') }}';
        var UrlConsultarTarifasConvenio = '{{ path('hiruko_consultar_tarifas_modalidades') }}';
        var UrlBuscarEstudios = "{{ path('hiruko_consultar_estudios') }}";
        var UrlRelacionarEstudiosContrato = "{{ path('hiruko_relacionar_estudios_contratos') }}";
        var UrlEditarRelacion = "{{ path('hiruko_editar_relacion_estudios_contratos') }}";
        var UrlEliminarRelacion = "{{ path('hiruko_eliminar_relacion_estudios_contratos') }}";
        var gif_carga = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
        var tipoInsumos = '{{ 'Facturacion.RelacionEstudiosContratos.SupplyType' |trans([], 'LocalizationBundle') }}';
        var UrlRelacionarInsumosEstudios = "{{ path('hiruko_relacionar_insumos_estudios') }}";   
        var signo="$ ";
        var dec=2;
    </script>
     <script src="{{ asset('bundles/main/js/select2.js') }}"></script>
    <style>
        .input-group input{
            height:34px;
            border-radius: 4px;
        }
        .checkbox{
            display:inline;
        }
    </style>
  
{% endblock %}
{% block content %}
    {# Container fluid #}
    <div class="container-fluid">
        {# panel primary #}
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Relaci&oacute;n Estudios - Contratos</h3>
            </div>
            {# panel-body #}
            <div class="panel-body">
                <div class="row">
                    <div class="form-group" style="margin-bottom:20px;">
                        <div class="form-group">
                            <div class="col-md-4">
                                <select class="form-control selectpicker" id="convenio" data-live-search="true" data-style="btn-primary" title='Convenios / Contratos'>
                                    {% for eps in epsList %}
                                        <option class="{{ eps.idEps }}" value="{{ eps.idContratos }}">{{ eps.name }} - {{ eps.nombreContrato }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                       
                        <div class="form-group" id="divMod">
                            <div class="col-md-4">
                                <div id="divSelMod">
                                    <select class="form-control selectpicker" id="modalidad" data-live-search="true" data-style="btn-primary" title='Modalidades' multiple>

                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div id="divSelTari" class="col-md-4">
                                <select class="form-control selectpicker" id="tarifas" data-live-search="true" data-style="btn-primary"  title='Tarifas'>

                                </select>
                            </div>
                        </div>

                        <div class="col-md-12" style="margin-top:20px;"></div>
                        <div class="form-group">
                            <div class="col-md-4">
                                <div class="radio radio-inline">
                                    <p style="font-size:14px;font-weight:bold;">Todos los estudios</p>
                                    <div class="radio radio-info radio-inline">
                                        <input type="radio" id="radioestudios1" value="1" name="radioestudios" checked>
                                        <label for="Radio1"> Si </label>
                                    </div>
                                    <div class="radio radio-info radio-inline">
                                        <input type="radio" id="radioestudios2" value="0" name="radioestudios">
                                        <label for="Radio2"> No </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group" style="margin-top:20px;">
                            <div class="col-md-4">
                                <div class="radio radio-inline">
                                    <div class="radio radio-info radio-inline">
                                        <input type="radio" id="RadioDescuento" value="1" name="radioPorcentaje" >
                                        <label for="Radio3"> Descuento </label>
                                    </div>
                                    <div class="radio radio-info radio-inline">
                                        <input type="radio" id="RadioAumento" value="0" name="radioPorcentaje">
                                        <label for="Radio4"> Aumento </label>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-addon">%</div>
                                            <input class="form-control" id="valorPorcentaje" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1');">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <button id="btn_buscar" class="btn btn-primary form-control">Buscar</button>
                                    </div>
                                    <div class="col-md-4">
                                        <button class="btn btn-info form-control" id="btn_editar">Editar</button>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12" style="margin-top:20px;">
                                    <div class="col-md-4">
                                        <select id="redondeo" class="form-control selectpicker" data-live-search="true" data-style="btn-primary"  title='Redondeo'>
                                            <option value="no">Ninguno</option>
                                            <option value="1">Unidades <span style="font-size:8px;">(solo aplica cuando tiene decimales)</span></option>
                                            <option value="10">Decenas</option>
                                            <option value="100">Centenas</option>
                                            <option value="1000">Miles</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="row"><div class="col-md-12"><hr></div></div>
                {# primera tabla#}
                {#<h2>Tabla buscar - borrar este titulo</h2>#}
                <div class="row" id="tablaCrear">
                    <div class="col-md-12">
                        <div class="panel-body" id="panel-body">
                        <table class="table table-bordered table-striped table-hover dt-responsive" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>C&oacute;digo</th>
                                    <th>Estudio</th>
                                    <th>Tarifa</th>
                                    <th>Valor fijo</th>
                                    <th>% Descuento</th>
                                    <th>% Aumento</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        </div>
                        <div class="btn-group">
                            <button class="btn btn-primary" id="btn_nuevo">Nuevo</button><button class="btn btn-danger" id="btn_relacionar">Relacionar</button>
                        </div>
                    </div>
                </div>{# fin primera tabla #}

                {# Tabla Editar #}
                <div class="row" id="tablaEditar" style="display: none">
                    <div class="col-md-12">
                        <div class="panel-body" id="datosEditar">
                        <table class="table table-bordered table-striped table-hover dt-responsive" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>
                                        <div class="checkbox checkbox-success">
                                            <input id="checkAll" type="checkbox">
                                            <label for="checkAll"></label>
                                        </div>
                                    </th>
                                    <th>
                                       Seleccionar Insumos                                        
                                    </th>
                                    
                                    <th>C&oacute;digo</th>
                                    <th>Estudio</th>
                                    <th>Valor tarifa</th>
                                    <th>Tipo tarifa</th>
                                    <th>Descuento</th>
                                    <th>Aumento</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        </div>
                        <div class="btn-group">
                            <button class="btn btn-primary" id="btn_nuevo2">Nuevo</button><button class="btn btn-danger" id="btn_eliminarRelacion">Eliminar relaci&oacute;n</button>
                        </div>
                    </div>
                </div>{# Fin Tabla Editar #}
            </div>{# Fin panel-body #}
        </div> {# Fin panel primary #}
    </div>{# Fin Container fluid #}

    {# Agregar insumos #}
    <div class="modal fade" id="addInsumos" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
    
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">{{ 'Facturacion.RelacionEstudiosContratos.RelSupplies'|trans([], 'LocalizationBundle') }}</h4>
            </div>
            <form id="insumosModal" method="POST" action="">
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="col-sm-12 panel panel-default">
                        <div class="clearfix" style="margin-bottom:10px;"></div>
                        <label>{{ 'Facturacion.RelacionEstudiosContratos.Estudio'|trans([], 'LocalizationBundle') }}: <label id="estudioName"></label></label>
                        <div class="clearfix"></div>
                        <label id="lbl_valPack">{{ 'Facturacion.RelacionEstudiosContratos.Val_pack_actual'|trans([], 'LocalizationBundle') }}: <label id="lbl_valPack_actual"></label></label>
                        <div class="clearfix" style="margin-bottom:10px;"></div>
                    </div>
                    <div class="clearfix"></div>
                    <div id="insumos_st_0">
                    <div class="col-sm-6">
                        <label for="style" class="col-sm-4">{{ 'Facturacion.RelacionEstudiosContratos.SupplyType'|trans([], 'LocalizationBundle') }} (*)</label>
                        <div class="col-sm-8">
                            <select name="select_insumos_" id="select_insumos_" title="select_studies_insumos_" class="form-control select_receive select_insumos insumos_estudio">
                                <option value=""></option>
                                 
                            </select>
                            
                        </div>
                    </div>
                    <div class="col-sm-6" style="padding: 0">
                       <button class="btn btn-xs col-sm-1" type="button" id="btn_agregar_insumo">+</button>
                    


                        <label for="style" class="col-sm-2">{{ 'Facturacion.RelacionEstudiosContratos.Supplies'|trans([], 'LocalizationBundle') }} (*)</label>
                        <div class="col-sm-8">
                            <select id="select_studies_insumos_" name="select_studies_insumos_[]" class="form-control selectpicker select_studies  select_receive  required" multiple="multiple" >
                                <option value=""></option>                                  
                            </select>
                        </div>

                        {#<input type="hidden" id="select_insumos_studies_ value" class="currencyD" />#}
                        <div class="clearfix" style="margin-bottom:10px;"></div>
                    </div>                    
                    </div>
                 
                    <div id="insumos_st_">                
                    </div>

                    <div class="clearfix"></div>
                    <div class="form-gruop fields_wrap" style="margin-bottom:10px;">
                        <div class="panel panel-default" id="tarifas_estudios">
                            <div class="panel-body">
                                <div class="clearfix" style="margin-bottom:10px;"></div>
                                <div class="col-md-12">
                                 </div>
                                
                                    <div class="form-group">
                                    <h5 id="valorstdio"><h5>

                                        <label for="style" class="control-label">Insumos seleccionados: </label>

                                        <label class=" " id="total">

                                        </label>
                                        <br>
                                      <label for="style" class="control-label">Total insumos: </label>

                                    <label class=" " id="valor_total"> 

                                    </label>
                                     <br><br>
                                <label for="style" class="control-label">Total paquete: </label>

                                <label class=" " id="valor_total_pack">
                                </label>     
                              <br>  <input type="hidden" id="Valor_pack" name="Valor_pack" > </input>                                 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" id="btn_cancelar" data-dismiss="modal">{{ 'Facturacion.RelacionEstudiosContratos.CancelButton'|trans([], 'LocalizationBundle') }}</button>
                        <button type="button" class="btn btn-primary" id="btn_crear">{{ 'Facturacion.RelacionEstudiosContratos.SaveButton'|trans([], 'LocalizationBundle') }}</button>
                        <button type="button" class="btn btn-primary" id="btn_actualizar">{{ 'Facturacion.RelacionEstudiosContratos.UpdateButton'|trans([], 'LocalizationBundle') }}</button>
                        <button type="button" class="btn btn-danger" id="btn_eliminar">{{ 'Facturacion.RelacionEstudiosContratos.DeleteButton'|trans([], 'LocalizationBundle') }}</button>
                    </div>
                </div>
            </div>
            </form>
        </div>
        </div>
    </div>
    {# Fin agregar insumos #}
{% endblock %}