<div class="row my-3">
    <div class="col-12">
        <h6 class="text-secondary text-center">INFORME : <b class="text-fidelitas">{{ $informe->nombre_tipo_informe }}</b> </h6>
    </div>
</div>
@if ( is_null($informe->cliente) )
    <input type="hidden" id="clientes_led_asignar_familia" value="{{ json_encode($clientes) }}">
    <!-- -->
    <div class="row justify-content-center my-2">
        <div class="col-lg-9 col-md-12">
            <div class="input-group shadow">
                <input type="text" id="cliente_asignar_familia_buscador" class="form-control form-control-lg text-center" list="lista_clientes_asignar_familia" placeholder="@traducir('Buscar Cliente','Buscar Cliente')..." autocomplete="off">
                <div class='input-group-text' id="lupa">
                    <i class="bi bi-search fs-5"></i>    
                </div>
                <button type="button" class="btn btn-outline-danger d-none" id="btn-cancelar-busqueda-familia-cliente"><i class="bi bi-x"></i></button>
            </div>
            <div id="notificacion_asignar_familia" class="mt-2"></div>
            <div id='lista_clientes_asignar_familia' class="py-2 list-group d-none"></div>
            <small class="text-muted">@traducir('Busque el cliente que desea asignarle el informe','Busque el cliente que desea asignarle el informe')</small>
        </div>
    </div>
@else
    <div class="row my-2">
        <div class="col-12">
            @foreach ($clientes as $cli)
                @if($cli->cliente == $informe->cliente)
                    <h6 class="text-secondary text-center fw-light">@traducir('CLIENTE','CLIENTE') : <span class="text-fidelitas"> {{ $cli->nombre_cliente }}</span> </h6>
                @endif
            @endforeach
            
        </div>
    </div>
@endif
<!-- -->
<div class="row justify-content-center my-3">
    <div class="col-lg-10 col-md-12" id="seccion-familias-subfamilias-cliente"></div>
    <div class="col-lg-10 col-md-12 text-center d-none" id="seccion-carga-familias-subfamilias-cliente">
        <h6 class="lead text-fidelitas">@traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div></h6>
    </div>
    <div class="col-lg-10 col-md-12 d-none" id="seccion-error-familias-subfamilias-cliente">
        <div class="alert alert-danger">
            <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrió un error','Ocurrió un error')
        </div>
    </div>
    <div class="col-lg-10 col-md-12 d-none" id="seccion-exito-asign-familias-cliente">
        <div class="alert alert-success">
            <i class="bi bi-check-circle-fill"></i> @traducir('La familia fue asinada con éxito','La familia fue asinada con éxito')
        </div>
    </div>
    <div class="col-lg-10 col-md-12 d-none" id="seccion-exito-desasign-familias-cliente">
        <div class="alert alert-success">
            <i class="bi bi-check-circle-fill"></i> @traducir('La familia fue desasinada con éxito','La familia fue desasinada con éxito')
        </div>
    </div>
</div>
<!-- -->
<input type="hidden" id="cliente_asignar_familia" @if( !is_null($informe->cliente) ) value="{{ $informe->cliente }}" @endif>
<!-- -->

<form id="frmFamiliasCliente">
    {{ csrf_field() }}
    <input type="hidden" name="cliente">
    <input type="hidden" name="informe" value="{{$informe->idTipoInforme}}">
</form>
<!-- -->
<script>
    eventosModalAsignarFamilia();
</script>