@if ($estado == 'edit')
    <form id="frmFamiliaEdit">
        {{csrf_field()}}
        <input type="hidden" name="familia" value="{{$fdata->familia}}">
        <input type="hidden" name="cliente" value="{{$fdata->cliente}}">
        <input type="hidden" name="producto_fidelitas" value="{{$prod}}">
        <input type="hidden" name="servicio" id="servicio_edit" value="{{$servicio}}">
        <input type="hidden" name="accion" value="update">
        <!-- -->
        <div class="row justify-content-start my-3">
            <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="{{$fdata->nombre_cliente}}">
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-start my-3">
            <div class="col-md-6">
                <label for="nombre_familia" class="form-label">@traducir('Nombre de la familia','Nombre de la familia')</label>
                <input name="nombre_familia" maxlength="100" id="nombre_familia" style="text-transform:uppercase;" required="yes" class="form-control" value="{{$fdata->nombre_familia}}">
            </div>
            @if ($es_imperium)
            <div class="col-md-6 tipos2">
                <label class="form-label">@traducir('Tipo de Contratista','Tipo de Contratista')</label>
                <select name="tipo_contratista" id="tipo_contratista2" class="form-select">
                    <option value="">@traducir('Seleccione tipo de contratista','Seleccione tipo de contratista')...</option>
                    @foreach($tipos_contratista as $k => $tipo)
                        <option value="{{$tipo->tipo_contratista}}"  @if($tipo->tipo_contratista == $fdata->id_imperium) selected @endif>{{$tipo->nombre_tipo_contratista}}</option>
                    @endforeach
                </select>
            </div>
            @endif
        </div>
        <!-- -->
        <div class="row justify-content-between my-3">
            <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($fdata->country_code == $pais->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($fdata->visible > 0) checked @endif> 
                    <label class="form-check-label">@traducir('Activo','Activo')</label>
                </div>
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-start my-3">
            <div class="col-md-12">
                <label for="set_doc" class="form-label">@traducir('Set de documentos','Set de documentos')</label>
                <select name="set_doc" id="set_doc" class="form-select">
                    <option value="" @if($fdata->set_doc == '') selected @endif>  --- @traducir('No asignado','No asignado') --- </option>
                    @foreach($setdoc as $k => $set)
                    <option value="{{$set->set_doc}}" @if($set->set_doc == $fdata->set_doc) selected @endif>{{$set->nombre_set}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-start my-3">
            <div class="col-md-4">
                <label for="modalidad_login" class="form-label">@traducir('Modo Login','Modo Login')</label>
                <select name="modalidad_login" id="modalidad_login" class="form-select">
                    <option value="T" @if($fdata->modalidad_login == 'T') selected @endif>Ingreso Tax ID+Clave</option>
                    <option value="L" @if($fdata->modalidad_login == 'L') selected @endif>Link (similar Facón)</option>
                </select>
            </div>
            <div class="col-md-4">
                <label for="tipo_panel" class="form-label">@traducir('Tipo de Panel','Tipo de Panel')</label>
                <select name="tipo_panel" id="tipo_panel" class="form-select">
                    <option value="" @if($fdata->tipo_panel == '') selected @endif></option>
                    <option value="PRV" @if($fdata->tipo_panel == 'PRV') selected @endif>@traducir('Proveedores','Proveedores')</option>
                    <option value="CLI" @if($fdata->tipo_panel == 'CLI') selected @endif>@traducir('Clientes','Clientes')</option>
                    <option value="VIN" @if($fdata->tipo_panel == 'VIN') selected @endif>@traducir('Vinculadas','Vinculadas')</option>
                </select>
            </div>
            <!-- -->
            {{--<div class="col-md-4 form-group">
                <label for="uso_familia">@traducir('Producto asociado','Producto asociado')</label>
                <select name="uso_familia" id="uso_familia" class="form-control">
                    <option value="P" @if($fdata->uso_familia != 'I') selected="selected" @endif>LED</option>
                    @if (!empty($inquirovitae))<option value="I" @if($fdata->uso_familia == 'I') selected="selected" @endif>Inquiro Vitae</option>@endif
                </select>
            </div>--}}
        </div>
        <!-- -->
        <div class="row justify-content-start my-3">
            <div class="col-md-3">
                <label for="creado">@traducir('Creado por','Creado por')</label>
                <input name="created_ro" id="creado" value="{{$fdata->created_by_user}}" readonly="yes" class="form-control">
            </div>
            <div class="col-md-3">
                <label for="hcreado">&nbsp;</label>
                <input name="created_fh" id="hcreado" value="{{$fdata->created}}" readonly="yes" class="form-control">
            </div>
            <div class="col-md-3">
                <label for="modificado">@traducir('Modificado por','Modificado por')</label>
                <input name="modified_ro" id="modificado" value="{{$fdata->modified_by_user}}" readonly="yes" class="form-control">
            </div>
            <div class="col-md-3">
                <label for="hmodif">&nbsp;</label>
                <input name="modified_fh" id="hmodif" value="{{$fdata->modified}}" readonly="yes" class="form-control">
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-end mt-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 type="text/javascript">
        $(document).ready(function() {
            actualizarFamilias();
        });
    </script>
@else
    <form id="frmFamiliaSubf">
        <div class="row justify-content-start">
            <div class="col-md-12">
                <label for="nombre_cliente" class="form-label">@traducir('Cliente','Cliente')</label>
                <input type="text" name="nombre_cliente" value="{{$cli->nombre_cliente}}" placeholder="" class="form-control" readonly="readonly">
            </div>
        </div>
        <div class="row justify-content-start">
            <div class="col-md-7">
                <label for="nombre_familia" class="form-label">@traducir('Familia','Familia')</label>
                <input type="text" name="nombre_familia" value="{{$familia->nombre_familia}}" placeholder="" class="form-control" readonly="readonly">
            </div>
            <div class="col-md-3">
                <label for="country_name" class="form-label">@traducir('País','País')</label>
                <input type="text" name="country_name" value="{{$familia->country_name}}" placeholder="" class="form-control" readonly="readonly">
            </div>
            <div class="col-md-2 pt-5">
                <div class="form-check form-check-inline">
                    <input type="Checkbox" name="visible" value="1" class="form-check-input" @if($familia->visible > 0) checked="checked" @endif disabled="disabled"> 
                    <label class="form-check-label">@traducir('Visible','Visible')</label>
                </div>
            </div>
        </div>
        <!-- -->
        <table class="table table-condensed table-striped table-hover my-5" id="tablaSubfam">
            <thead>
                <tr>
                    <th>@traducir('Subfamilia','Subfamilia')</th>
                    <th>@traducir('Set documentos','Set documentos')</th>
                    <th>@traducir('Visible','Visible')</th>
                    <th>@traducir('Acción','Acción')</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($subfamilias as $k => $subf)
                <tr>
                    <td>{{$subf->nombre_familia}}</td>	
                    <td>{{$subf->nombre_set}}</td>
                    <td align="center">@if ($subf->visible > 0) SI @else NO @endif</td>
                    <td align="center">
                        <button type="button" class="btn btn-primary btn-fidelitas"><i class="fa fa-trash"></i> @traducir('Eliminar','Eliminar')</button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </form>
    <!-- -->
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            /*$('#tablaSubfam').DataTable({
                "pagingType": "full_numbers",
                "dom" : "if<t>lp",
                "ordering": true,
                "columns": [ null, null, null, { "orderable": false } ],
                "searching": true,
                "order": [[ 0, "asc" ]],
                "info":  true,
                "lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100,"Todos"] ],
                "pageLength": 10,
                "language": {
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "No se encontraron resultados",
                    //"info": "Mostrando página _PAGE_ de _PAGES_",
                    //"info": "Total de Registros: _MAX_", 
                    "info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
                    "infoEmpty": "No hay registros disponibles",
                    "infoFiltered": "(filtered from _MAX_ total records)",
                    "sSearch": "Buscar",
                    "oPaginate": {
                        "sFirst": "Primera",
                        "sPrevious": "Anterior",
                        "sNext": "Siguiente",
                        "sLast": "Última"
                    },
                }
            });*/
        });  
    </script>
@endif