<div id="div-verBeneficioAfiliados" class="box">

  <div class="box-header with-border">

    <h3 class="box-title">Detalles del Beneficio</h3>

    <div class="box-tools pull-right">

        {{ boton("cerrar", null, "cerrarVerBeneficioAfiliados()")}}

        {{ boton("editar", "mostrarFormularioEditarBeneficiosAfiliados", "editarVerBeneficioAfiliados()")}}

    </div>

    <!-- /.box-tools -->

  </div>

  <!-- /.box-header -->

  <div class="box-body">

    <div class="row">

        <div class="col-md-6" >

            <div class="form-group">

                <label for="beneficioNombre">Beneficio: <strong>{{ BeneficioAfiliado.beneficioTITULO }}</strong>.</label>

            </div>

            <div class="form-group">

                <label for="beneficioDESCRIPCION">Descripción del Beneficio:</label>

                <div>{{ BeneficioAfiliado.beneficioDESCRIPCION|raw   }}</div>

            </div>

            <div class="form-group">

                <label for="beneficioLINK">Enlace:   <strong>{{enlace(BeneficioAfiliado.beneficioLINK, BeneficioAfiliado.beneficioLINK)}}</strong></label>

            </div>

            <div class="form-group text-lg  ">

                <label>Estado: <strong>{{ labelEstado(BeneficioAfiliado.beneficioESTADO) }}</strong>.</label>

            </div>

            

            <div class="thumbnail">

                <img src="{% if BeneficioAfiliado.beneficioIMGMIN %}{{ BeneficioAfiliado.beneficioIMGMIN }}{% else %}http://via.placeholder.com/300x150/FEDCBA/000000/?text=Beneficios+300x150{% endif %}" alt="Miniatura del Imagen Promocional"  class="img-thumbnail" style="width:100%" />

                <div class="caption">

                    <label for="beneficioMin">Imagen Miniatura: {{ enlace(BeneficioAfiliado.beneficioIMGMIN,BeneficioAfiliado.beneficioIMGMIN) }}</label>

                </div>

            </div>

        </div>

        <div class="col-md-6" >

            <div class="thumbnail">

                <img src="{% if BeneficioAfiliado.beneficioIMGMAX %}{{ BeneficioAfiliado.beneficioIMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=Beneficios+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />

                <div class="caption">

                    <label for="beneficioMax">Imagen Completa:{{ enlace(BeneficioAfiliado.beneficioIMGMAX,BeneficioAfiliado.beneficioIMGMAX) }}</label>

                </div>

            </div>

        </div>

    </div>

  </div>

</div>



<script>

    function cerrarVerBeneficioAfiliados(){

        cerrarTabContenedor("div-verBeneficioAfiliados");

    }

    

    function editarVerBeneficioAfiliados(){

        cargarVista('afiliados','afiliadosBeneficios','mostrarFormularioEditar', 'beneficioID={{ BeneficioAfiliado.beneficioID }}');

        cerrarVerBeneficioAfiliados();

        

    }

</script>