@extends('header_new')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center">
        <div class="col-lg-4 col-md-6 col-sm-9">
            <h3 class="text-center text-fidelitas">@traducir('clientes_titulo', 'Panel de Clientes')</h3>
        </div>
    </div>
    <!-- -->
    {{--<div class="row justify-content-end my-0">
        <div class="col-lg-4 col-md-6 text-start ps-0">
            <div class="btn-group" role="group" aria-label="filtro por estado de vencimiento">
                <input type="radio" name="filtro-servicio" class="btn-check" id="todo" autocomplete="off" value="T"
                    checked="true">
                <label class="btn btn-outline-fidelitas btn-sm" for="todo">@traducir('Todo','Todo')</label>
                <!-- -->
                <input type="radio" name="filtro-servicio" class="btn-check" id="servicio_led" autocomplete="off"
                    value="L">
                <label class="btn btn-outline-fidelitas btn-sm" for="servicio_led">@traducir('led','Cliente
                    LED')</label>
                <!-- -->
                <input type="radio" name="filtro-servicio" class="btn-check" id="servicio_inquiro" autocomplete="off"
                    value="N">
                <label class="btn btn-outline-fidelitas btn-sm" for="servicio_inquiro">@traducir('Inquiro','Cliente
                    Inquiro')</label>
                <!-- -->
                <input type="radio" name="filtro-servicio" class="btn-check" id="servicio_imperium" autocomplete="off"
                    value="M">
                <label class="btn btn-outline-fidelitas btn-sm" for="servicio_imperium">@traducir('Imperium','Cliente
                    Imperium')</label>
            </div>
        </div>
    </div>--}}
    <!-- -->
    <div class="row justify-content-center my-3">
        <div class="col-lg-11 col-md-11 col-sm-11">
            <table id="tablaClientes" class="table table-hover">
                <thead class="table-header-fidelitas">
                    <tr>
                        <th class="text-center">@traducir('Codigo', 'Codigo')</th>
                        <th class="text-center">@traducir('razon_social', 'Razon Social')</th>
                        <th class="text-center">@traducir('identificacion', 'Identificacion')</th>
                        <th class="text-center">@traducir('pais', 'País')</th>
                        <th class="text-center">@traducir('edicion', 'Edición')</th>
                        <th class="text-center">LED</th>
                        <th class="text-center">IMPERIUM</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($clientes as $cliente)
                        @continue(!isset($cliente->led) && !isset($cliente->imperium))
                        <tr>
                            <td class="text-center">{{ $cliente->cli_codigo }}</td>
                            <td>{{ $cliente->nombre_cliente }}</td>
                            <td class="text-center">{{ $cliente->identificador }} {{ $cliente->identificacion }}</td>
                            <td class="text-center">{{ $cliente->country_name }}</td>
                            <td class="text-center">
                                <button type="button" class="btn btn-sm btn-fidelitas-secondary datos-cliente"
                                    data-clienteok="{{ $cliente->cli_codigo . '-' . $cliente->cliente . '-' . $cliente->identificacion }}"
                                    data-cliente="{{ $cliente->nombre_cliente . '-' . $cliente->numero }}"
                                    data-bs-toggle="tooltip" data-bs-title="@traducir('datos_cliente', 'Datos Cliente')"><i
                                        class="bi bi-pencil-square"></i></button>
                            </td>
                            <!-- -->
                            @if(isset($cliente->led))
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="productos" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->led->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Productos', 'Productos')"><i
                                            class="bi bi-cart-fill"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="familias" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->led->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Familias', 'Familias')"><i
                                            class="bi bi-house-fill"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="contrapartes" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->led->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Contrapartes', 'Contrapartes')"><i
                                            class="bi bi-people-fill"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="filial" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->led->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Filiales', 'Filiales')"><i class="bi bi-building"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="regen-panel-led" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->led->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('reg_panel', 'Regenerar Panel')"><i
                                            class="bi bi-arrow-clockwise"></i></button>
                                </td>
                            @else
                                <td class="text-center">-</td>
                            @endif
                            <!-- -->
                            @if(isset($cliente->imperium))
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="productos" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->imperium->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Productos', 'Productos')"><i
                                            class="bi bi-cart-fill"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="familias" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->imperium->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Familias', 'Familias')"><i
                                            class="bi bi-house-fill"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="contrapartes" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->imperium->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Contrapartes', 'Contrapartes')"><i
                                            class="bi bi-people-fill"></i></button>
                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary acciones-cliente"
                                        data-accion="filial" data-cliente="{{ $cliente->cliente }}"
                                        data-nombre-cliente="{{ $cliente->nombre_cliente }}"
                                        data-producto="{{ $cliente->imperium->producto }}" data-bs-toggle="tooltip"
                                        data-bs-title="@traducir('Filiales', 'Filiales')"><i class="bi bi-building"></i></button>
                                </td>
                            @else
                                <td class="text-center">-</td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<!-- MODAL AVISOS -->
<div id="modalAvisos" class="modal fade" data-bs-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <!-- <button class="btn-close d-none" id="fidecheck-close" data-bs-dismiss="modal"></button> -->
            </div>
            <!-- -->
            <div class="modal-body text-center" id="modal-body-avisos">
            </div>
        </div>
    </div>
</div>
<!-- FORMULARIO DE DATOS DE CLIENTE -->
<form id="frmDatosCliente" method="POST" action="/blue_buscar_cliente">
    {{ csrf_field() }}
    <input type="hidden" name="clienteOk">
    <input type="hidden" name="cliente">
</form>
<!-- FORMULARIO DE ACCIONES DE CLIENTE -->
<form id="frmAccionesLEDCliente" method="POST">
    {{ csrf_field() }}
    <input type="hidden" name="cliente">
    <input type="hidden" name="nombre_cliente">
    <input type="hidden" name="producto_fidelitas">
    <input type="hidden" name="desde_panel_clientes" value="1">
</form>
<!-- -->
@endsection
@section('funcionesJs')
<script src="{{ asset('/Libreria_CA/Js/panel_clientes.js') }}?v={{ rand() }}"></script>
<script>
    $(document).ready(function () {
        eventosPanelClientes();
    });
</script>
@endsection