@extends('header_new')

@section('main')
<link href="{{asset('/css/fancy.min.css')}}" rel="stylesheet">
<style>
    .fancy-grid-cell {
        cursor: pointer;
    }

    html body main.container-fluid.my-5.pt-5 div.container-fluid.py-4 div.row.justify-content-center.pt-3 div#fancyContrapartes div#fancy-gen-1488.fancy.fancy-panel.fancy-theme-bootstrap.fancy-panel-shadow.fancy-panel-grid-inside div.fancy-panel-body div.fancy-panel-body-inner div#tabla-contrapartes.fancy.fancy-grid.fancy-grid-unselectable div.fancy-grid-center div.fancy-grid-body div.fancy-grid-column.fancy-grid-column-ellipsis div.fancy-grid-cell div.fancy-grid-cell-inner {
        cursor: pointer;
    }
</style>
<main class="container-fluid my-5 pt-4">
    <!-- -->
    <!-- @include('blue/info_cliente_abm') -->
    <div class="container-fluid py-4">
        <div class="row justify-content-between">
            <!-- <div class="col-6">
                <h5> Contrapartes </h5>
            </div> -->
            @include('blue/info_cliente_abm')
            <div class="col-6 col-md-6 text-end">
                @if(!empty($cli))
                    <button type="button" class="btn btn-sm btn-fidelitas cont_botones me-2" id="btnAdd"
                        data-cliente="{{$cli->cliente}}" data-bs-toggle="modal" data-bs-target="#modalContraparte">Agregar
                        contraparte</button>
                @else
                    <button type="button" class="btn btn-sm btn-fidelitas cont_botones me-2" id="btnAdd"
                        data-cliente="{{$cliente}}" data-bs-toggle="modal" data-bs-target="#modalContraparte">Agregar
                        contraparte</button>
                @endif

            </div>
        </div>

        <div class="row justify-content-center pt-3">
            <div id="fancyContrapartes"></div>
            <!-- -->
            <div class="d-flex justify-content-center text-fidelitas d-none" id="cargando_contraparte">
                <span class="visually-hidden">Loading...</span>
                <div>Por favor espere un segundo</div><br>
                <div class="spinner-border" role="status"></div>
            </div>
            <!-- -->
        </div>
    </div>
    <!-- -->
    <!-- MODAL DE ALTA CONTRAPARTE -->
    <div id="modalContraparte" class="modal fade" data-bs-backdrop="static">
        <div class="modal-dialog modal-xl" id="modal-contraparte">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="contraparte_title"></h3>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body" id="contraparte_edit"></div>
            </div>
        </div>
    </div>
</main>
<!-- -->
@if(!empty($cli))
    <form id="frmRedireccionar" action="/blue_buscar_cliente" method="post">
        {{ csrf_field() }}
        <input name="clienteOk" type="hidden" value="{{$cli->cli_codigo}}-{{$cli->cliente}}">
        <input name="cliente" type="hidden" value="{{$cli->cliente}}">
        <input name="tieneApi" type="hidden" value="{{$tieneApi}}">
        <input name="cliente_nombre" type="hidden" value="{{$cli->nombre_cliente}}">
        <input name="cli_codigo" type="hidden" value="{{$cli->cli_codigo}}">
        <input name="cli_cuit" type="hidden" value="{{$cli->numero}}">
        <input type="hidden" name="redirect" id="redirect">
    </form>
    <!-- -->
    <form id="frmAccionContraparte" action="/blue/contraparte-edit" method="POST">
        {{ csrf_field() }}
        <input type="hidden" name="cliente">
        <input type="hidden" name="tieneApi" value="{{$tieneApi}}">
        <input type="hidden" name="producto">
        <input type="hidden" name="nombre_producto">
        <input type="hidden" name="contraparte">
        <input type="hidden" name="id_padron">
    </form>
    <!-- -->
    <form id="frmEmail" method="post">
        {{csrf_field()}}
        <input type="hidden" name="cliente" value="{{$cli->cliente}}">
        <input type="hidden" name="servicio_frm_name" id="servicio_frm_name" value="">
    </form>
    <input type="hidden" id="servicio_actual_cliente" value="">
    <input type="hidden" id="ruta_recargar" value="/blue/contrapartes">
@endif
@endsection


@section('funcionesJs')
<script type="text/javascript" src="{{ URL::asset('/js/fancy/fancy.min.js') }}"></script>
<script src="{{ URL::asset('Libreria_CA/Js/funciones_servicios_contratados.js') }}"></script>
<script>
    $(document).ready(function () {
        let data1 = <?php echo ($contrap); ?>;
        contrapartesGenericos(data1);
        contraparteGenericobtnAgregar();
    });
</script>
@endsection