@if (!empty($familias))
    @if( $estado == 'add' )
        <form class="form" id="frmSubfamilia">
            {{csrf_field()}}
            <input type="hidden" name="cliente" value="{{$cliente}}">
            <input type="hidden" name="accion" value="insert">
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <label for="nombre_cliente" class="form-label">@traducir('Cliente','Cliente')</label>
                    <input name="nombre_cliente" maxlength="" id="nombre_cliente" class="form-control" readonly="readonly" value="{{$cli->nombre_cliente}}">
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <label for="nombre_familia" class="form-label">@traducir('Nombre de la subfamilia','Nombre de la subfamilia')</label>
                    <input name="nombre_familia" maxlength="100" id="nombre_familia" required="yes" class="form-control">
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-between my-2">
                <div class="col-md-6">
                    <label for="pais" class="form-label">@traducir('Pais','Pais')</label>
                    <select name="country_code" class="form-select" id="pais">
                        @foreach($country as $pais)
                        <option value="{{$pais->country_code}}" @if($pais->country_code == 'AR') selected @endif>{{$pais->country_name}}</option>
                        @endforeach
                    </select>
                </div>
                <!-- -->
                <div class="col-md-4 mt-5">
                    <div class="form-check form-check-inline">
                        <input type="Checkbox" name="visible" value="1" checked="yes" class="form-check-input"> 
                        <label class="form-check-label">@traducir('Activa','Activa')</label>
                    </div>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <label for="set_doc" class="form-label">@traducir('DAGAS','DAGAS')</label>
                    <select name="set_doc" id="set_doc" class="form-select">
                        <option value="" >  --- @traducir('No asignado','No asignado') --- </option>
                        @foreach($setdoc as $k => $set)
                        <option value="{{$set->set_doc}}">{{$set->nombre_set}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <h5>Familias asociadas</h5>
                    @foreach ($familias as $k => $fam)
                        @if ($k % 3 == 0) <div class="row justify-content-start"> @endif
                        <div class="col-md-4">
                            <div class="form-check form-check-inline">
                                <label class="form-check-label">{{$fam->nombre_familia}}</label>
                                <input type="Checkbox" name="familia_padre[]" value="{{$fam->familia}}" class="form-check-input">
                            </div>
                        </div>
                        @if ($k % 3 == 2) </div> @endif
                    @endforeach

                    @if (sizeof($familias) % 3 > 0) </div> @endif 
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-end my-2">
                <div class="col-md-2 text-center">
                    <button type="submit" class="btn btn-fidelitas"><i class="fa fa-check"></i> @traducir('Aceptar','Aceptar')</button>
                </div>
                <div class="col-md-2 text-center">
                    <button type="button" class="btn btn-fidelitas" data-bs-dismiss="modal"><i class="fa fa-times"></i> @traducir('Cancelar','Cancelar')</button>
                </div>
            </div>
        </form>
        <!-- -->
        <script>
            $(document).ready(function(){
                altaSubFamilia();
            });
        </script>
    @else
        <form class="form" id="frmSubfamilia">
            {{csrf_field()}}
            <input type="hidden" name="familia" value="{{$subf}}">
            <input type="hidden" name="cliente" value="{{$cliente}}">
            <input type="hidden" name="accion" value="update">
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <label for="nombre_cliente" class="form-label">@traducir('Cliente','Cliente')</label>
                    <input name="nombre_cliente" maxlength="" id="nombre_cliente" class="form-control" readonly="readonly" value="{{$cli->nombre_cliente}}">
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <label for="nombre_familia" class="form-label">@traducir('Nombre de la subfamilia','Nombre de la subfamilia')</label>
                    <input name="nombre_familia" maxlength="100" id="nombre_familia" required="yes" class="form-control" value="{{$subfamilia->nombre_familia}}">
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-between my-2">
                <div class="col-md-6">
                    <label for="pais" class="form-label">@traducir('Pais','Pais')</label>
                    <select name="country_code" class="form-select" id="pais">
                        @foreach($country as $pais)
                        <option value="{{$pais->country_code}}" @if($pais->country_code == $subfamilia->country_code) selected @endif>{{$pais->country_name}}</option>
                        @endforeach
                    </select>
                </div>
                <!-- -->
                <div class="col-md-4 mt-5">
                    <div class="form-check form-check-inline">
                        <input type="Checkbox" name="visible" value="1" class="form-check-input" @if ($subfamilia->visible > 0) checked="checked" @endif class="">
                        <label class="form-check-label">@traducir('Activa','Activa')</label>
                    </div>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <label for="set_doc" class="form-label">@traducir('DAGAS','DAGAS')</label>
                    <select name="set_doc" id="set_doc" class="form-select">
                        <option value="" @if (null == $subfamilia->set_doc) selected @endif>  --- No asignado --- </option>
                        @foreach($setdoc as $k => $set)
                        <option value="{{$set->set_doc}}" @if ($set->set_doc == $subfamilia->set_doc) selected @endif>{{$set->nombre_set}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-start my-2">
                <div class="col-md-12">
                    <h5>@traducir('Familias asociadas','Familias asociadas')</h5>
                    @foreach ($familias as $k => $fam)
                        @if ($k % 3 == 0) <div class="row justify-content-start"> @endif
                        <div class="col-md-4">
                            <div class="form-check form-check-inline">
                                <input type="Checkbox" name="familia_padre[]" value="{{$fam->familia}}" class="form-check-input" @if (!empty($parents)) @if (array_search($fam->familia, $parents) !== false)  checked="checked" @endif @endif>
                                <label class="form-check-label">{{$fam->nombre_familia}}</label>
                            </div>
                        </div>
                        @if ($k % 3 == 2) </div> @endif
                    @endforeach

                    @if (sizeof($familias) % 3 > 0) </div> @endif 
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-end my-2">
                <div class="col-md-2">
                    <button type="submit" class="btn btn-fidelitas"><i class="fa fa-check"></i> @traducir('Aceptar','Aceptar')</button>
                </div>
                <div class="col-md-2">
                    <button type="button" class="btn btn-fidelitas" data-bs-dismiss="modal"><i class="fa fa-times"></i> @traducir('Cancelar','Cancelar')</button>
                </div>
            </div>
        </form>
        <!-- -->
        <script>
            $(document).ready(function(){
                actualizarSubFamilia();
            });
        </script>
    @endif
@else
	<div class="text-center">
        <h3>@traducir('No se encuentran ingresadas familias en el cliente','No se encuentran ingresadas familias en el cliente').</h3>
    </div>
	<div class="text-center">
        <h3>@traducir('Debe definir primero familias y luego asociar subfamilias','Debe definir primero familias y luego asociar subfamilias').</h3>
    </div>
@endif