@php
    $getStreaming=getStreaming();
    $getNotifications=getNotifications();
    $ClientList=ClientList();
    $getSupport=getSupport();
    $getNotificationsCleaning= getNotificationsCleaning();
    $get_companies=getCompanies();
@endphp
@extends('voyager::master')
@section("css")
<style>
    .small-box {
        border-radius: 0.25rem;
        box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
        display: block;
        margin-bottom: 20px;
        position: relative;
    }
    .mudar{
        display: none;
    }
    .bg-info {
        background-color: rgba(255,255,255,.9);
        
    }
    .bg-info, .bg-info>a {
        color: #343a40 !important;
    }
    .small-box>.inner {
        padding: 10px;
    }
    .small-box h3 {
        font-size: 2.2rem;
        font-weight: 700;
        margin: 0 0 10px;
        padding: 0;
        white-space: nowrap;
    }
    .small-box p {
        font-size: 1rem;
    }
    .small-box>.small-box-footer {
        background-color: rgba(0,0,0,.1);
        color: rgba(255,255,255,.8);
        display: block;
        padding: 3px 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        z-index: 10;
    }
    .small-box .icon>i {
        font-size: 72px;
        position: absolute;
        right: 15px;
        top: 0px;
        transition: -webkit-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear,-webkit-transform .3s linear;
    }
    .bg-warning, .bg-warning>a {
        color: #1f2d3d!important;
    }

    .bg-warning {
        background-color: #ffc107!important;
    }
    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 0 solid rgba(0,0,0,.125);
        border-radius: 0.25rem;
    }
    .card {
        box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
        margin-bottom: 1rem;
    }
    .card-header {
        background-color: transparent;
        border-bottom: 1px solid rgba(0,0,0,.125);
        padding: 0.75rem 1.25rem;
        position: relative;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-title {
        float: left;
        font-size: 1.1rem;
        font-weight: 400;
        margin: 0;
    }
    .card-header>.card-tools {
        float: right;
        margin-right: -0.625rem;
    }
    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    .btn-tool {
        background-color: transparent;
        color: #adb5bd;
        font-size: .875rem;
        margin: -0.75rem 0;
        padding: 0.25rem 0.5rem;
    }
    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        padding: 1.25rem;
    }
    .p-0 {
        padding: 0!important;
    }
    .table:not(.table-dark) {
        color: inherit;
    }
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table:not(.table-dark) {
        color: inherit;
    }

    .card-body>.table {
        margin-bottom: 0;
    }
    .table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529 ;
        background-color: transparent;
    }
    table {
        border-collapse: collapse;
    }
    .card-body.p-0 .table thead>tr>th:first-of-type,.card-body.p-0 .table tbody>tr>td,.card-body.p-0 .table thead>tr>th {
        padding-left: 1.5rem;
        color: #ffffff !important ;
        background-color: #212529 !important;
    }
    .table td, .table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }
    .voyager .btn.btn-sm,.voyager .btn.btn-sm:hover{
        color: #000;
    }
    .btn .icon {
        font-size: 1.5em;
    }
    .cash,.transfer,.show-page,.transfer-no-bs{
        display: none;
    }
    thead th {
        position: sticky;
        top: 0;
        background-color: #f2f2f2;
        z-index: 999; /* Asegura que esté por encima del resto de la tabla */
    }
    tbody {
        overflow: auto;
        height: 20px; /* Establece la altura máxima de la tabla */
        color: white;
    }
    .new-sale{
        display: inline-block;
    }
    .pay-sale,.activate-screen-name{
        display: none;
    }
    
    
</style>
@endsection
@section('content')
    <div class="page-content">
        @include('voyager::alerts')
        @include('voyager::dimmers')
        <div class="analytics-container">
            <h1 class="page-title">
                <div class="row">
                    <div class="col-md-6"> Tablero Informativo</div>
                    <div class="col-md-6">
                        <select class="form-control" name="action" id="action" onchange="getReport()">
                            <option value="">Seleccione reporte</option>
                            <option value="/admin/report-payment">Ventas en excel</option>
                            <option value="/admin/report-new-sales">Nuevas ventas</option>
                            {{-- <option value="/admin/account-price-no-active">Precios de inventarios liberados</option> --}}
                        </select>
                        {{-- <a class="btn btn-success" href="#" onclick="getReport()">Descargar Ventas excel</a> --}}
                    </div>
                </div>
               
            </h1>
            <div class="row">
                @php
                    $current_date = date("Y-m-d");
                    $date_plus_one_less = date("Y-m-d", strtotime($current_date . "-1 days"));
                    $date_plus_two_days = date("Y-m-d", strtotime($current_date . "+2 days"));
                    $the_company_id=1;

                @endphp
                <form action="/admin" method="GET">
                    <div class="col-md-2">
                        <label for="">Fecha Inicio</label>
                        <input type="date" class="form-control" name="date_start" id="date_start" value="{{isset($_GET['date_start'])?$_GET['date_start']:$date_plus_one_less}}">
                    </div>
                    <div class="col-md-2">
                        <label for="">Fecha Fin</label>
                        <input type="date" class="form-control" name="date_end" id="date_end" value="{{isset($_GET['date_end'])?$_GET['date_end']:$date_plus_two_days}}">
                    </div>
                    <div class="col-md-2">
                        <label for="">Empresa</label>
                        <select name="the_company_id" id="the_company_id" class="form-control">
                            @foreach ($get_companies as $getCompanies )
                                <option {{isset($_GET['the_company_id'])?($_GET['the_company_id']==$getCompanies->id?"selected":""):($the_company_id==$getCompanies->id?"selected":"")}} value="{{$getCompanies->id}}">{{$getCompanies->name==""?"No tiene empresa asignada":$getCompanies->name}}</option>
                            @endforeach
                        </select>
                        {{-- <input type="date" class="form-control" name="date_end" id="date_end" value="{{isset($_GET['date_end'])?$_GET['date_end']:$date_plus_two_days}}"> --}}
                    </div>
                    <div class="col-md-1"><br>
                        <button type="submit" class="btn btn-primary">Cargar</button>
                    </div>
                </form>
                <div class="col-md-3">
                    <label for="">Busca un cliente</label>
                    <input class="form-control" type="number" id="clients_phones" name="clients_phones" placeholder="Ingrese Numero de telefono">
                </div>
                <div class="col-md-1">
                    <br>
                    <button class="block-new-sales btn btn-primary" onclick="getDataClientAndPay()">Ver Servicios</button>
                </div>
                        <div class="col-md-12"></div>
                <div class="col-md-7">
                   
                    @include("voyager::components.servicios")
                </div>
                <div class="col-md-5">
                    <div class="row">
                        <div class="col-md-6">
                            @if (Auth::user()->role_id==3||Auth::user()->role_id==1)
                                @include("voyager::components.por-cobrar")
                            @endif

                        </div>
                        <div class="col-md-6">
                            @include("voyager::components.por-notificar-hoy")

                        </div>
                        <div class="col-md-6">
                            @include("voyager::components.por-solicitudes")

                        </div>
                        <div class="col-md-6">
                            @include("voyager::components.cantidad-vendidas")

                        </div>

                        
                        
                    </div>
                </div>
                <div class="col-md-12"></div>
                
                <div class="col-md-12">
                    @include("voyager::components.notificaciones")
                </div>
                
                <div class="col-md-12">
                    @include("voyager::components.limpiarLiberar")
                </div>
                {{-- <div class="col-md-12">
                    @include("voyager::components.renovar-inventario")
                </div> --}}
                <div class="col-md-12">
                    @include("voyager::components.solicitudes")
                </div>

                
            </div>
        </div>
    </div>

    <div class="modal fade" id="miModal" tabindex="-1" role="dialog" aria-labelledby="miModalLabel" aria-hidden="true" style="overflow: auto;">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
            <h5 class="modal-title" id="miModalLabels">Mi Modal</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <label for="">Nombre del cliente</label>
                        <input class="form-control" type="text" id="client_name">
                    </div>
                    <div class="col-md-12">
                        <label for="">Numero de telefono del Cliente</label>
                        <input class="form-control" type="text" id="client_phone">
                    </div>
    
                    <div class="col-md-12">
    
                        <Label>Tipo de cuenta</Label>
                        <select class="form-control screen_type " name="screen_type" id="screen_type" onchange="getTypeAccount()">
                            <option value="">Seleccione</option>
                            <option value="0">Cuenta completa</option>
                            <option value="1">1 Pantalla</option>
                        </select>
                    </div>
                    <div class="col-md-12 activate-screen-name">
                        <Label>Nombre de la pantalla</Label>
                        <input class="form-control " type="text" id="real_screen_name" name="real_screen_name">
                    </div>
                    <div class="col-md-12">
    
                        <Label>Cantidad de meses a pagar</Label>
                        <input class="form-control " class="form-control" type="number" name="pay" id="pay" value="1">
                    </div>
                    <div class="col-md-12">
                        <Label>Cambia la cuenta para finalizar el despacho</Label>
                        <select class="form-control " name="inventory_id" id="inventory_id" onchange="setInventory()">
    
                        </select>
                    </div>
                    <div class="col-md-12">
                        <Label>Cambia la cuenta para finalizar el despacho</Label>
                        <select class="form-control " name="screen_id" id="screen_id" >
    
                        </select>
                    </div>
                   
                    <div class="col-md-12">
                        <label for="">Alguna nota especial</label>
                        <textarea class="form-control" id="description" name="description"></textarea>
                    </div>
                    
                        <input type="hidden" id="streaming_id">
                        <input type="hidden" id="supports_id">
                        <input type="hidden" id="price_account">
                        <input type="hidden" id="screen_name">
                </div>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            <button type="button" class="btn btn-primary" onclick="toPay()">Crear Servicio</button>
            </div>
        </div>
        </div>
    </div>

    @include("voyager::modals._copy-streaming")
    @include("voyager::modals._service-client")

@stop


@section('javascript')
<script>
    
    function openNewService(name,id,screen=null) {
        $(".block-new-sales").prop("disabled",true);
        let servicioSeleccionado = name;


        if (servicioSeleccionado === 'Disney') {
        $('#miModalLabels').html('Crear servicio Disney');
        } else if (servicioSeleccionado === 'Netflix') {
        $('#miModalLabels').html('Crear servicio Netflix');
        }

        $.ajax({
                url: `/admin/inventory-list/${id}`,
                type: "GET",
                dataType: "json",
                success: function(data) {
                   
                    inventory=data
                    console.log(inventory,"-----");
                    //if(inventory.length>0){
                    let inventarioSelect = $('#inventory_id');
                    inventarioSelect.empty(); // Limpiar select
                    $.each(inventory, function(index, value) {
                        let option = $('<option>', {
                            value: value.id,
                            text: value.email+" ("+value.screen_quantity+" Pantallas)",
                        });
                        console.log(value)
                        inventarioSelect.append(option);
                    }); 
                    $('#miModalLabels').html("Despachar Servicio "+servicioSeleccionado);     
                    $("#streaming_id").val(id)

                    $('#miModal').modal('show'); 
                    
                    $('.screen_type').val(screen);
                    getTypeAccount() 
                    // }else{
                    //     alert("Existe el inventario sin precio para streaming "+servicioSeleccionado);
                    // }    
                    $(".block-new-sales").prop("disabled",false);


                },
                error: function(jqXHR, textStatus, errorThrown) {
                console.log(textStatus + ": " + errorThrown);
                }
            });
        
      // Aquí puedes agregar cualquier otra acción dependiendo del servicio seleccionado
    }
    function createNewService(){
        let clientName = $('#client_name').val();
        let clientPhone = $('#client_phone').val();
        let streamingId = $('#streaming_id').val();
        let statusId = $('#status_id').val();
        let description = $('#description').val();
        let inventoryId = $('#inventory_id').val();
        let screen_type = $('#screen_type').val();
        let supports_id = $('#supports_id').val();
        let screen_id = $('#screen_id').val();
        let screen_name = $("#screen_name").val();
        let real_screen_name = $('#real_screen_name').val();
        let pay = $('#pay').val();

    
        $("#total_to_debit").attr('readonly', true);
        let date = $("#date").val()==""?"{{date("Y-m-d")}}":$("#date").val();
        let total_coveror = $("#total_coversor").val();
        let rate_coveror = $("#rate_coversor").val();
        let reference_numbers = $("#reference_numbers").val();
        let bank_name = $("#bank_name").val();
        let reference_number = $("#reference_number").val()
        let banks = $("#banks option:selected").text()=="Seleccione"?"":$("#banks option:selected").text();
        let type_payment = $("#type_payment option:selected").text()=="Seleccione"?"":$("#type_payment option:selected").text();
        let total_to_debit = $("#total_to_debit").val();
        let total_to_pay = $("#total_to_pay").val();
        let total_invoice = $("#total_invoice").val();
        let money_cash = $("#money_cash option:selected").text()=="Seleccione"?"":$("#money_cash option:selected").text();
        if(saveNewPay()!=1){
            return ""
        }

        let patron = /^(?!0)\d+$/;
        if (!patron.test(clientPhone)) {
            alert("Debe ingresar un número válido sin caracteres y sin iniciar con 00 "+clientPhone);
            return false;
        }
        // Verificar que los campos no estén en blanco
        if (clientName === '') {
            
            // alert('Por favor, ingrese el nombre del cliente');
            // return '';
            clientName=clientPhone
        }


        if (inventoryId === '') {
            alert('Seleccione una cuenta de correo del streaming. Es posible tambien que las cuentas no tenga precios asignados o que no exista de acuerdo al tipo de cuenta');
            return '';
        }

        if (screen_type === '') {
            alert('Seleccione el tipo de cuenta');
            return '';
        }
        $(".no-click").prop("disabled", true);
        let data = {
            client_name: clientName,
            client_phone: clientPhone,
            streaming_id: streamingId,
            description: description,
            inventory_id: inventoryId,
            screen_type: screen_type,
            supports_id: supports_id,
            screen_id: screen_id,
            pay: pay,

            date: date,
            total_coveror: total_coveror,
            rate_coveror: rate_coveror,
            reference_number: reference_number,
            banks: banks,
            type_payment: type_payment,
            total_to_debit: total_to_debit,
            total_to_pay: total_to_pay,
            total_invoice: total_invoice,
            money_cash: money_cash,
            real_screen_name: real_screen_name,
            screen_name: screen_name,
        };
        $.ajax({
            url: '/admin/save-new-service-per-support',
            type: 'POST',
            data: data,
            dataType: 'json',
            success: function(response) {
            // La respuesta del servidor es exitosa
                console.log(response);
                if(response.success){
                    alert(response.message)
                    //window.location.href=response.url
                    $('#paymentss').modal('hide');
                    $('#copy-streaming').modal('show');
                    console.log(response)
                    invoiceTotal(response);
                    $(".no-click").prop("disabled", false);
                }else{
                    alert(response.message)
                    $(".no-click").prop("disabled", false);

                }
            },
            error: function(xhr, status, error) {
            // Ocurrió un error al enviar la solicitud al servidor
                console.log('Error al crear el servicio: ' + error);
            }
        });
    }
    function invoiceTotal(response){
        let texto = ""
        texto+="#Servicio: "+response.service.id+"\n"
        texto+="Cliente: "+response.service.clients.name+"\n"
        texto+="Servicio: "+(response.service.inventories.screen_type==0?"Cuenta\n":"Pantalla\n")
        texto+="Telefono: "+response.service.clients.phone+"\n"
        texto+="Streaming: "+response.service.support.streaming.name+"\n"
        texto+="Correo: "+response.service.inventories.email+"\n"
        texto+="Clave: "+response.service.inventories.password+"\n"
        texto+="Pin: "+response.service.InventoryScreen.pin+"\n"
        if(response.service.real_screen_name!=null){
            texto+="Nombre Pantalla para asignar: "+response.service.real_screen_name+"\n"
            texto+="Usar la pantalla que diga: "+($("#screen_name").val())+"\n"
        }else{
            texto+="Usar la pantalla que diga: "+($("#screen_name").val())+"\n"
        }
        texto+="Link: "+response.service.support.streaming.url_streaming+"\n"
        texto+="======================\n"
        texto+="Costo del servicio: \n"
        let payments=""
        for(let i=0;i<response.service.renewals.length;i++){

            if(response.service.paymentnens[i].pay!=null){
                payments+="================\n"
                payments+="Mes Cancelado => "+formatDates(response.service.renewals[i].date_start);
                payments+=": "
                payments+=(response.service.renewals[i].if_paid==1?"Cancelado":"Pendiente")+"\n"
                payments+="Costo servicio: "+(response.service.paymentnens[i].total)+", "
                payments+=response.service.paymentnens[i].pay!=null?("Pagado: "+(response.service.paymentnens[i].pay==null?"-":response.service.paymentnens[i].pay)+", "):""
                payments+="\n"
                payments+="Fecha Vencimiento => "+formatDates(response.service.renewals[i].date_expiration);
                payments+="\n"

            }
        }
        texto+=payments



        $('#text-copy-to-client').val(texto);
        copyToSendWhatsappOnly()
    }
    function formatDates(date){
        // Obtener la fecha original
        date = new Date(date);

        // Obtener los valores del día, mes y año
        let day = date.getDate();
        let month = date.getMonth() + 1; // Los meses empiezan en 0, por lo que se debe sumar 1
        let year = date.getFullYear();

        // Formatear la fecha como "dd-mm-yyyy"
        let formattedDate = (day < 10 ? '0' + day : day) + '-' + (month < 10 ? '0' + month : month) + '-' + year;

        return formattedDate
    }
    let idsSeleccionados = [];

    function toPayMassive(){
        idsSeleccionados = []

        $('.new-sale').hide();
        $('.pay-sale').show();

        let totalDeudaPendiente = 0;
        // seleccionar todos los checkboxes que estén marcados
        $('input[type="checkbox"]:checked:not(.payment-all)').each(function() {
        // obtener el valor de la columna "Deuda pendiente" correspondiente
        let deudaPendiente = $(this).closest('tr').find('td:last-child').text();
                
        // agregar el valor de la deuda pendiente a la variable total
        totalDeudaPendiente += parseFloat(deudaPendiente);

        // extraer el número de ID del checkbox seleccionado
        let id = $(this).attr('id').match(/\d+/)[0];
            idsSeleccionados.push({ id: id, deudaPendiente: deudaPendiente });
        });
        if(idsSeleccionados.length>0){
            $('#paymentss').modal('show'); 
            $('#service-client').modal('hide'); 
        }else
            alert("Selecciona un servicio a pagar")

        $("#total_invoice").val(totalDeudaPendiente.toFixed(2));
        console.log('IDs seleccionados: ' + idsSeleccionados);
        if(idsSeleccionados.length>1)
        $("#total_invoice").prop("readonly", true);
        else
        $("#total_invoice").prop("readonly", false);

    }
    function toPay(){
        $("#total_invoice").prop("readonly", false);

        let clientName = $('#client_name').val();
        let clientPhone = $('#client_phone').val();
        let streamingId = $('#streaming_id').val();
        let statusId = $('#status_id').val();
        let description = $('#description').val();
        let inventoryId = $('#inventory_id').val();
        let screen_type = $('#screen_type').val();
        let supports_id = $('#supports_id').val();
        let real_screen_name = $('#real_screen_name').val();
        console.log(inventoryId,"----------------------");
        let pay = $('#pay').val();
        let patron = /^(?!0)\d+$/;
        if (!patron.test(clientPhone)) {
            alert("Debe ingresar un número válido sin caracteres y sin iniciar con 00 "+clientPhone);
            return false;
        }
        // Verificar que los campos no estén en blanco
        if (clientName === '') {
            
            // alert('Por favor, ingrese el nombre del cliente');
            // return '';
            clientName=clientPhone
        }


        if (inventoryId === '' || inventoryId === null) {
            alert('Seleccione una cuenta de correo del streaming. Es posible tambien que las cuentas no tenga precios asignados o que no exista de acuerdo al tipo de cuenta');
            return '';
        }

        if (screen_type === '') {
            alert('Seleccione el tipo de cuenta');
            return '';
        }
        if (real_screen_name === '' && screen_type==="1") {
            alert('inserte el nombre de la pantalla');
            return '';
        }
        var data = {
            telefono: clientPhone,
            inventoryId:inventoryId,
            screen_type:screen_type

        };
        $.ajax({
            url: "/admin/get-price-according-client",
            type: "POST",
            data: (data),
            dataType: "json",
            success: function(response) {
                // Si la petición se completó con éxito, hacer algo con la respuesta
                if (response!=null) {
                    $("#price_account").val(response)
                    $('#miModal').modal('hide');
                    $('#paymentss').modal('show');
                    $('.new-sale').show();
                    $('.pay-sale').hide();
                    let price_account=$("#price_account").val()
                    
                    let total = parseFloat(price_account * pay).toFixed(2);
                    $("#total_invoice").val(total)

                    let selectedOption = $("#screen_id").find(":selected").text();
                    $("#screen_name").val(selectedOption)
                    // console.log(selectedOption);
                }
            },
            error: function(error) {
                // Si hubo un error en la petición, mostrar un mensaje de error
                console.error("Hubo un error en la petición");
                console.error(error);
            }
        });
         
        

    }
    function createServiceSupport(){
        // Obtener el valor del campo de selección
        let tipo = $("#screen_types").val();

        // Obtener los valores de los demás campos
        let nombre = $("#nombreInput").val();
        let telefono = $("#telefonoInput").val();
        let streaming = $("#nuevoStreamingInput").val();
        let explicacion = $("#explicacionTextarea").val();
        let company_id = $("#company_id").val();

        let patron = /^(?!0)\d+$/;
        if (!patron.test(telefono)) {
            alert("Debe ingresar un número válido sin caracteres y sin iniciar con 00");
            return false;
        }
        if (nombre.trim() == "") {
            alert("Debe ingresar su nombre.");
            return false;
        }
        if (streaming.trim() == "") {
            alert("Debe ingresar el nombre del nuevo streaming.");
            return false;
        }

        // Validar el campo de explicación
        if (explicacion.trim() == "") {
            alert("Debe ingresar los motivos de su solicitud.");
            return false;
        }
        var data = {
            tipo: tipo,
            nombre: nombre,
            telefono: telefono,
            streaming: streaming,
            explicacion: explicacion,
            company_id: company_id,

        };

            // Realizar la petición AJAX
            $.ajax({
                url: "/admin/create-streaming-support",
                type: "POST",
                data: (data),
                dataType: "json",
                success: function(response) {
                    // Si la petición se completó con éxito, hacer algo con la respuesta
                    console.log("La petición se completó con éxito");
                    console.log(response);
                    if(response.success)
                    {
                        alert(response.message);
                        window.location.href="/admin"
                    }else{
                        alert(response.message);
                    }
                },
                error: function(error) {
                    // Si hubo un error en la petición, mostrar un mensaje de error
                    console.error("Hubo un error en la petición");
                    console.error(error);
                }
            });

    }
    function openNewRequest(x,y,z=-1){
        $(".block-new-sales").prop("disabled",true);


            $.ajax({
                url: "/admin/create-new-purchase/"+y+"?account="+z,
                type: "get",
                dataType: "json",
                success: function(response) {
                    // Si la petición se completó con éxito, hacer algo con la respuesta
                    console.log("La petición se completó con éxito");
                    console.log(response);
                    if(response.success)
                    {
                        alert(response.message);
                        window.location.href=response.url
                    }else{
                        alert(response.message);
                    }
                    $(".block-new-sales").prop("disabled",false);

                },
                error: function(error) {
                    // Si hubo un error en la petición, mostrar un mensaje de error
                    console.error("Hubo un error en la petición");
                    console.error(error);
                }
            });
    }
    function getDataFromSupport(support_id){
            if($('#support_id_'+support_id).is(':checked')){
               
                $.ajax({
                    url: "/admin/get-support/"+support_id,
                    type: "get",
                    dataType: "json",
                    success: function(response) {
                        // Si la petición se completó con éxito, hacer algo con la respuesta
                        console.log(response,"response")
                        if(response.inventory==null){
                            alert("Debes Crear una cuenta en el inventario de streaming: "+response.streaming.name)
                            return false
                        }
                        $('#client_name').val(response.client.name);
                        $('#client_phone').val(response.client.phone);
                        $('#streaming_id').val(response.streaming.id);
                        $('#screen_type').val(response.support.screen_type);
                        $('#supports_id').val(response.support.id);
                        if(response.support.statu_id<=3)
                            openNewService(response.streaming.name,response.streaming.id,response.support.screen_type);
                        else{
                            $('#new-supports').modal('show');
                            $("#clients_id").val(response.client.phone)
                            searchClient(response)
                        }
                        
                    },
                    error: function(error) {
                        // Si hubo un error en la petición, mostrar un mensaje de error
                        console.error("Hubo un error en la petición");
                        console.error(error);
                    }
                });

            }

    }
    function getSupport(){
        $('#new-supports').modal('show');
        $("input").val("")
        $("select").val("")
        $("textarea").val("")
        let $service_id = $('#services_id');
        $service_id.empty();
        let inventarioSelect = $('#inventorys_id');
        inventarioSelect.empty(); // Limpiar select

    }
    function searchClient(response=null){
        let client_id = $('#clients_id').val();
        let patron = /^(?!0)\d+$/;
        
        if (!patron.test(client_id)) {
            alert("Debe ingresar un número válido sin caracteres y sin iniciar con 00");
            return false;
        }
        $.ajax({
            type: 'POST',
            url: '/admin/search-client',
            data: { telefono: client_id },
            dataType: 'json',
            success: function(data) {
                // Actualizar los campos del formulario con los datos recibidos
                console.log(data)
                if(data.user==null){
                    alert("Cliente no encontrado, revisa su numero de telefono")
                    $('#services_id').empty();
                    // $('#screens_type').empty();
                    // $('#streamings_id').empty();
                    $('#inventorys_id').empty();
                    $('#clients_name').val("");
                    $('#inventorys_id').empty(); // Limpiar select
                    $('#inventorys_id').val("")
                    return false;
                }
                if(data.service.length==0){
                    alert("cliente no tiene servicios actualmente")
                    $('#services_id').empty();
                    // $('#screens_type').empty();
                    // $('#streamings_id').empty();
                    $('#inventorys_id').empty();
                    // $('#clients_name').val("");
                    $('#inventorys_id').empty(); // Limpiar select
                    $('#inventorys_id').val("")
                    return false;

                }
                  
                $("#clients_name").val(data.user.name);
                let $service_id = $('#services_id');
                $service_id.empty();
                $service_id.prepend($('<option>', {
                    value: '',
                    text: 'Seleccione'
                }));
                $.each(data.service, function (indice, opcion) {
                    $service_id.append($('<option>', {
                        value: opcion.id,
                        text: opcion.id+" - "+opcion.name_screen
                    }));
                });

                if(response!=null){
                    console.log(response)
                    $("#services_id").val(response.support.service_id)
                    $("#support_selected_id").val(response.support.id)
                    $("#statuse_id").val(response.support.statu_id)
                    getInformationService()
                }
                
                // actualizar otros campos según tus necesidades
            },
            error: function(xhr, status, error) {
                // Manejar cualquier error que pueda surgir
                console.error('Error: ' + error);
            }
        });
    }
    function getInformationService(){
        // obtener el valor seleccionado del select
        var servicioId = $('#services_id').val();

        // hacer la solicitud AJAX al endpoint
        $.ajax({
            url: '/admin/get-service/' + servicioId,
            type: 'GET',
            dataType: 'json',
            success: function(response) {
                // manejar la respuesta exitosa
                console.log(response,"joseito");
                $("#streamings_id").val(response.inventory.streaming_id);
                $("#screens_type").val(response.service.screen_type)
                let inventarioSelect = $('#inventorys_id');
                inventarioSelect.empty(); // Limpiar select
                $.each(response.inventories, function(index, value) {
                    let option = $('<option>', {
                        value: value.id,
                        text: value.email+" ("+value.screen_quantity+" Pantallas)"
                    });
                    inventarioSelect.append(option);
                }); 
                $('#inventorys_id').val(response.inventory.id)
                // inventories
                // aquí puedes actualizar la lista con la información obtenida
            },
            error: function(xhr, status, error) {
                // manejar el error de la solicitud
                console.log(xhr.responseText);
            }
        });

    }
    function saveNewSupport(){
        let descriptions = $('#descriptions').val();
        let statuse_id = $('#statuse_id').val();
        let inventorys_id = $('#inventorys_id').val();
        let streamings_id = $('#streamings_id').val();
        let screens_type = $('#screens_type').val();
        let services_id = $('#services_id').val();
        let clients_id = $('#clients_id').val();
        let support_selected_id = $('#support_selected_id').val();
        let streamings_id_2 = $('#streamings_id-2').val();
        let inventory_id_2 = $('#inventory_id-2').val();
        let screen_id_2 = $('#screen_id-2').val();

        $.ajax({
            url: '/admin/create-support-client',
            type: 'POST',
            dataType: 'json',
            data: { 
                descriptions: descriptions,
                statuse_id: statuse_id,
                inventorys_id: inventorys_id,
                streamings_id: streamings_id,
                screens_type: screens_type,
                services_id: services_id,
                clients_id: clients_id,
                support_selected_id:support_selected_id,
                streamings_id_2:streamings_id_2,
                screen_id_2:screen_id_2,
                inventory_id_2:inventory_id_2
            },
            success: function(response) {
                console.log(response); 
                if(response.success)
                {
                    alert(response.message);
                    window.location.href=response.url
                }else{
                    alert(response.message);
                }
            },
            error: function(xhr, status, error) {
                console.log(error); // muestra el error en la consola del navegador
            }
        });
    }
    let the_inventory=null
    function getTypeAccount(x=null){
        let screens_type = x==null?$('#screen_type').val():$('#screens_type').val();
        let streamingId = x==null?$('#streaming_id').val():$("#streamings_id-2").val();
        // console.log(screens_type=="","xxxxx000")
        if(screens_type==""){
            $('#screen_type').val(0);
            $(".activate-screen-name").hide()

            return getTypeAccount()
        }
        if(screens_type=="1"){
            $(".activate-screen-name").show()
        }else{
            $(".activate-screen-name").hide()

        }
        $.ajax({
            url: '/admin/get-accounts/'+screens_type,
            type: 'POST',
            dataType: 'json',
            data:{
                streaming_id: streamingId
            },
            success: function(response) {
                the_inventory=response
                console.log(response,"xxxxx")
                let inventarioSelect = x==null?$('#inventory_id'):$('#inventory_id-2');
                    inventarioSelect.empty(); // Limpiar select
                    $.each(response, function(index, value) {
                        let title=screens_type==0?"Pantallas = 1 Cuenta":"Pantalla(s)"
                        let option = $('<option>', {
                            value: value.id,
                            text: value.email+" ("+value.screen_quantity+" "+title+" )"
                        });
                        //console.log(value)
                        inventarioSelect.append(option);
                    }); 
                    setInventory(x)
            },
            error: function(xhr, status, error) {
                console.log(error); // muestra el error en la consola del navegador
            }
        });

    }
    function getDataClientAndPay(renewal_id=null,phone=null){
        
        
        let client_phone =phone==null?$('#clients_phones').val():phone;
        $('#clients_phones').val(client_phone)
        let url='/admin/get-service-client-last-payment/'+client_phone
        url=renewal_id==null?url:url+"?renewal_id="+renewal_id
        let patron = /^(?!0)\d+$/;
        
        if (!patron.test(client_phone)) {
            alert("Debe ingresar un número válido sin caracteres y sin iniciar con 00");
            return false;
        }
        $(".block-new-sales").prop("disabled", true);

        $.ajax({
            url: url,
            type: 'get',
            dataType: 'json',
            success: function(response) {
                console.log(response,"xxxxx")
                //window.location.href="/admin/client-service-renewals?client_id="+response.id
                $('#service-client').modal('show'); 
                $('.data-debt-client').empty();
                let a='<a href="/admin/clients/'+response.client.id+'/edit" target="_blank">'+response.client.name +" - "+response.client.phone+'</a>'
                $(".name-searching").html(a)
                // Itera a través de los datos del JSON y agrega filas a la tabla
                $.each(response.payment, function(index, payment) {
                    if(payment.client_service_renewal.service.inventory_id!=null){
                        var row = $('<tr>');
                            
                        // row.append($('<input type="checkbox">'));
                        row.append($('<td>').append(
                            $('<input>').attr('type', 'checkbox').attr('id', 'payment_client_search_id_' + payment.id)
                        ));
                        // row.append($('<td>').text(payment.client_service_renewal.first_sale==1?'<button  class"btn btn-danger "><i class+></i></button>'));
                        row.append($('<td>').html(payment.client_service_renewal.first_sale == 1 ? '<button onclick="deleteSaleStreamingClient('+payment.client_service_renewal.service.id+')" class="btn btn-danger"><i class="voyager-trash"></i></button>' : ''));

                        row.append($('<td>').text(payment.client_service_renewal.inventory.company.name));
                        row.append($('<td>').text(payment.client_service_renewal.inventory.screen_type==0?"Cuenta":"Pantalla"));
                        row.append($('<td>').text(payment.client_service_renewal.inventory.email));
                        row.append($('<td>').text(payment.client_service_renewal.service.inventory_screen.screen_name));
                        row.append($('<td>').text(payment.client_service_renewal.inventory.password));
                        row.append($('<td>').text(payment.client_service_renewal.service.inventory_screen.pin));
                            
                        row.append($('<td>').append($('<a>').attr('href', '/admin/services?service_id=' + payment.client_service_renewal.service.id).attr('target', '_blank').text(payment.client_service_renewal.service.id)));

                        row.append($('<td>').text(payment.client_service_renewal.inventory.streaming.name));

                        row.append($('<td>').append($('<a>').attr('href', '/admin/client-service-renewals?service_id=' + payment.client_service_renewal.service.id).attr('target', '_blank').text(payment.client_service_renewal.date_start)));

                        row.append($('<td>').append($('<a>').attr('href', '/admin/client-service-renewals?service_id=' + payment.client_service_renewal.service.id).attr('target', '_blank').text(payment.client_service_renewal.date_expiration)));


                            var currentDate = new Date();
                            var dateStart = new Date(payment.client_service_renewal.date_start);
                            var diffDays = Math.floor((dateStart.getTime() - currentDate.getTime()) / 86400000);
                            
                            row.append($('<td>').text(diffDays));
                        row.append($('<td>').text(payment.total));
                        $('.data-debt-client').append(row);
                    }
                    $(".block-new-sales").prop("disabled", false);

                });
                
            },
            error: function(xhr, status, error) {
                console.log(error); // muestra el error en la consola del navegador
                alert("No Existe este cliente en el sistema")
                $(".block-new-sales").prop("disabled", false);
            }
        });

        
    }
    function deleteSaleStreamingClient(service_id){
        let resp=confirm("Estas seguro de eliminar el servicio #"+service_id)
        if(!resp){
            return ""
        }
        // alert();return "";
        $.ajax({
            type: "GET",
            url: "/admin/delete-sale-streaming-client/"+service_id,
            dataType: 'json',
            success: function(data) {
                alert("Venta eliminada")
                window.location.href="/admin"
            }
        })

    }
    function searchServiceByClient(){
        let client_phone = $('#clients_phones').val();
        if(client_phone==""){
           return ""
        }
        $.ajax({
            url: '/admin/get-service-client/'+client_phone,
            type: 'get',
            dataType: 'json',
            success: function(response) {
                console.log(response,"xxxxx")
                window.location.href="/admin/client-service-renewals?client_id="+response.id
                 
            },
            error: function(xhr, status, error) {
                console.log(error); // muestra el error en la consola del navegador
                alert("No Existe este cliente en el sistema")
            }
        });
    }
    function selectAll() {
        let isChecked = $('#freeAll').is(':checked');
        $('input[id^="freeAll"]').not(':disabled').each(function() {
            if ($(this).prop('checked') !== isChecked) {
            $(this).prop('checked', isChecked);
            }
        });
    }
    function freeAccount(){
        let serviceIds = [];
        $('input[id^="freeAll"]').not(':disabled').each(function() {
            if ($(this).prop('checked') ) {
                //$(this).prop('checked', isChecked);
                serviceIds.push($(this).attr('service_id'));
            }
        });
        if(serviceIds.length==0){
            alert("Seleccione las cuentas a liberar");
            return ""
        }
        $(".no-click").prop("disabled", true);
        
        $.ajax({
            url: '/admin/freedom-account',
            type: 'POST',
            dataType: 'json',
            data:{
                service_ids: serviceIds
            },
            success: function(response) {
                console.log(response)
                if(response.success){
                    alert(response.message)
                    window.open("/admin/list-account-free?data="+serviceIds, "_blank");
                    window.location.href="/admin"
                    $(".no-click").prop("disabled", false);

                }
            },
            error: function(xhr, status, error) {
                console.log(error); // muestra el error en la consola del navegador
            }
        });
        console.log(serviceIds);
    }
</script>
<script>
    function typePayment(){
        let typePayment = $("#type_payment").val();
        let $cash = $(".cash");
        let $transfer = $(".transfer");
        let $transferNoBs = $(".transfer-no-bs");
        let $showPage = $(".show-page");
        let rate_coversor = $("#rate_coversor");
        let total_coversor = $("#total_coversor");
        rate_coversor.attr("readonly", false);
        total_coversor.attr("readonly", false);
        $transferNoBs.hide();

        if (typePayment === "1") {
            $cash.show();
            $transfer.hide();
        } else {
            $cash.show();
        }

        $showPage.show();
        $("#rate_coversor").val("");
        $("#total_coversor").val("");
        $("#reference_number").val("");
        $("#banks").val("");
        $("#reference_number").val("");
        $("#reference_number").val("");
        $("#money_cash").val("");
    }
    function moneyCash(){
        let moneyCash = $("#money_cash").val();
        let $showPage = $(".show-page");
        let $transferNoBs = $(".transfer-no-bs");
        let $transfer = $(".transfer");
        let typePayment = $("#type_payment").val();
        let rate_coversor = $("#rate_coversor");
        let total_coversor = $("#total_coversor");

        $transferNoBs.hide();
        $transfer.hide();
        rate_coversor.attr("readonly", false);
        total_coversor.attr("readonly", false);

        if(typePayment==1){
            $transferNoBs.hide();

            if (moneyCash === "1"  ) {
                $showPage.hide();
                
            } else {
                $showPage.show();
            }
        }else{
            if (moneyCash === "1"  ) {
                $showPage.show();
                $transferNoBs.show();
                rate_coversor.attr("readonly", true);
                total_coversor.attr("readonly", true);
            } else {
                if (moneyCash === "2"  ) {
                    $showPage.show();
                    $transferNoBs.show();
                }else{
                    $transfer.show();
                    $showPage.show();

                }
            }
        }
        $("#rate_coversor").val("");
        $("#total_coversor").val("");
        $.ajax({
            dataType: "json",
            method:'get',
            url:"/admin/get-rate/"+moneyCash,


            success:function(response){
                console.log(response,"2022222");
                //if(response.success)
                $("#rate_coversor").val(response.value);
                setCovverTotalToPay()
            }
        })
    }
    function totalToDebit(){
        let total_invoice=$("#total_invoice").val()
        let total_to_pay=$("#total_to_pay").val()
        let total=parseFloat(total_invoice)-parseFloat(total_to_pay)
        $("#total_to_debit").val(total.toFixed(2))
        
        setCovverTotalToPay()
    }
    function totalToDebitOnly(){
        let total_invoice=$("#total_invoice").val()
        let total_to_pay=$("#total_to_pay").val()
        let total=parseFloat(total_invoice)-parseFloat(total_to_pay)
        $("#total_to_debit").val(total.toFixed(2))
        
    }
    function setCovverTotalToPay() {
        var rateConverter = parseFloat($("#rate_coversor").val());
        var totalToPay = parseFloat($("#total_to_pay").val());
        var totalConverter = rateConverter * totalToPay;
        console.log(rateConverter,totalToPay,totalConverter)
        $("#total_coversor").val(totalConverter.toFixed(2));
        var today = new Date();
        var dd = String(today.getDate()).padStart(2, '0');
        var mm = String(today.getMonth() + 1).padStart(2, '0');
        var yyyy = today.getFullYear();
        today = yyyy + '-' + mm + '-' + dd;
        $("#date").val(today);
    }
    function saveNewPay() {
        totalToDebitOnly()
        $("#total_to_debit").attr('readonly', true);
        let date = $("#date").val()==""?"{{date("Y-m-d")}}":$("#date").val();
        let total_coveror = $("#total_coversor").val();
        let rate_coveror = $("#rate_coversor").val();
        let reference_numbers = $("#reference_numbers").val();
        let bank_name = $("#bank_name").val();
        let reference_number = $("#reference_number").val()
        let banks = $("#banks option:selected").text()=="Seleccione"?"":$("#banks option:selected").text();
        let type_payment = $("#type_payment option:selected").text()=="Seleccione"?"":$("#type_payment option:selected").text();
        let total_to_debit = $("#total_to_debit").val();
        let total_to_pay = $("#total_to_pay").val();
        let money_cash = $("#money_cash option:selected").text()=="Seleccione"?"":$("#money_cash option:selected").text();
        
        
        if(type_payment=="Transferencia"){
            banks=bank_name==""?banks:bank_name;
            reference_number=reference_numbers==""?reference_number:reference_numbers
        }

        

        if (!total_to_debit) {
        alert("El campo ABONO es requerido.");
        return;
        }
        if (!type_payment) {
            alert("El campo FORMA DE PAGO es requerido.");
            return;
        }
        if (!money_cash && type_payment!="Transferencia") {
        alert("El campo TIPO DE MONEDA es requerido.");
        return;
        }
        
        if (!date) {
        alert("El campo fecha es requerido.");
        return;
        }
        if (!rate_coveror && money_cash!="Dolares") {
        alert("El campo TASA DEL DIA es requerido.");
        return;
        }

        if (!total_coveror && money_cash!="Dolares") {
        alert("El campo TOTAL es requerido.");
        return;
        }

        if (!banks && type_payment!="Efectivo") {
        alert("El campo DEL BANCO es requerido.");
        return;
        }
        

        if (!reference_number && type_payment!="Efectivo") {
        alert("El campo REFERENCIA BANCARIA es requerido.");
        return;
        }

        

        

        if (!total_to_pay) {
        alert("El campo ABONO es requerido.");
        return;
        }

        

        let paymentData = {
            date: date,
            total_coveror: total_coveror,
            rate_coveror: rate_coveror,
            reference_number: reference_number,
            banks: banks,
            type_payment: type_payment,
            total_to_debit: total_to_debit,
            total_to_pay: total_to_pay,
            money_cash: money_cash,
        };

        return 1;
        console.log(paymentData)
        
    }
    function totalCoversor(){
        let total_coversor=parseFloat($("#total_coversor").val());
        let rate_coversor=parseFloat($("#rate_coversor").val());
        let total_to_pay=(total_coversor/rate_coversor).toFixed(2)
        $("#total_to_pay").val(total_to_pay)
        //totalToDebit()
    }
    function setInventory(x=null){
        let inventoryId = x==null?$('#inventory_id').val():$('#inventory_id-2').val();
        let data=the_inventory.find((d)=>{
            if(d.id==inventoryId){
                return d;
            }
        })
        // ["TIPO"])=="pantalla"?1:0;
        console.log(data,"t3estng");
        let screen_id = x==null?$('#screen_id'):$('#screen_id-2');
        screen_id.empty(); // Limpiar select
        if(data!=null){

            let last_price=data.screen_type==0?data.price_account:data.price
            $("#price_account").val(last_price)
            $.ajax({
                type: "get",
                url: "/admin/get-screen/"+data.id,
                data: data,
                dataType: "json",
                success: function(response) {
                    console.log(response,"====================")
                    
                        $.each(response, function(index, value) {
                            let title=screens_type==0?"Cuenta":"Pantalla(s)"
                            let option = $('<option>', {
                                value: value.id,
                                text: value.screen_name
                            });
                            //console.log(value)
                            screen_id.append(option);
                        }); 
                        
                    //window.location.href="/admin"
                    // Aquí puedes hacer algo con la respuesta del servidor
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        }
    }
    function copyToSendWhatsappOnly(){
        let textarea = document.getElementById('text-copy-to-client');
        textarea.select();
        document.execCommand("copy");
    }
    function copyToSendWhatsapp(){
        let textarea = document.getElementById('text-copy-to-client');
        textarea.select();
        document.execCommand("copy");
        window.location.href="/admin"
    }
    function backToPay(){
        $('#miModal').modal('show'); 
        getTypeAccount();

    }
    function reloadPage(){
        let url=$("#page").val();
        window.location.href=url

    }
    function selectAllPayment(){
        var isChecked = $('.payment-all').prop('checked');

        // Buscamos todos los checkboxes que comienzan con el ID "payment_client_search_id_"
        $('[id^="payment_client_search_id_"]').each(function() {
            // Establecemos el estado del checkbox en base al estado actual de payment-all
            $(this).prop('checked', isChecked);
        });
    }
    function payServiceSelected(){
        let date = $("#date").val()==""?"{{date("Y-m-d")}}":$("#date").val();
        let total_coveror = $("#total_coversor").val();
        let rate_coveror = $("#rate_coversor").val();
        let reference_number = $("#reference_number").val()
        let banks = $("#banks option:selected").text()=="Seleccione"?"":$("#banks option:selected").text();
        let type_payment = $("#type_payment option:selected").text()=="Seleccione"?"":$("#type_payment option:selected").text();
        let total_to_debit = $("#total_to_debit").val();
        let total_to_pay = $("#total_to_pay").val();
        let total_invoice = $("#total_invoice").val();
        let money_cash = $("#money_cash option:selected").text()=="Seleccione"?"":$("#money_cash option:selected").text();
        if(saveNewPay()!=1){
            return ""
        }
        let data = {
            date: date,
            total_coveror: total_coveror,
            rate_coveror: rate_coveror,
            reference_number: reference_number,
            banks: banks,
            type_payment: type_payment,
            total_to_debit: total_to_debit,
            total_to_pay: total_to_pay,
            total_invoice: total_invoice,
            money_cash: money_cash,
            idsSeleccionados: idsSeleccionados
        };
        console.log(data)
        $(".no-click").prop("disabled", true);

        $.ajax({
            type: "POST",
            url: "/admin/save-massive",
            data: data,
            dataType: "json",
            success: function(response) {
                console.log(response,"last-----");
                $('#paymentss').modal('hide');
                alert("El pago ha sido registrado");
                $('#copy-streaming').modal('show');
                $(".no-click").prop("disabled", false);

                invoiceTotalSold(response);

                //window.location.href="/admin"
                // Aquí puedes hacer algo con la respuesta del servidor
            },
            error: function(xhr, status, error) {
                console.log(error);
            }
        });
    }
    function getReport(){
        let date_start=$("#date_start").val();
        let date_end=$("#date_end").val();
        let action=$("#action").val()
        if(action!="")
        window.location.href=action+"?date_start="+date_start+"&date_end="+date_end
        $("#action").val("")
    }
    function invoiceTotalSold(response){
        let texto = ""

        let name=response.client.name==null?response.client.phone:response.client.name
        texto+="Factura de pago"+"\n"
        texto+="======================\n"
        texto+="Cliente: "+(name)+"\n"
        texto+="Telefono: "+response.client.phone+"\n"
        texto+="======================\n"
        for(let i=0;i<response.payment.length;i++){
            let payment=response.payment[i];
            texto+="#Servicio: "+payment.client_service_renewal.service.id+"\n"
            texto+="Streaming: "+payment.client_service_renewal.inventory.streaming.name+"\n"
            texto+="Cuenta: "+payment.client_service_renewal.inventory.email+"\n"
            texto+="clave: "+payment.client_service_renewal.inventory.password+"\n"
            if(payment.client_service_renewal.service.real_screen_name!=null)
                texto+="Nombre Pantalla: "+payment.client_service_renewal.service.real_screen_name+"\n"
            texto+="Mes Cancelado => "+formatDates(payment.client_service_renewal.date_start);
            texto+=": "
            texto+=(payment.client_service_renewal.if_paid==1?"Cancelado":"Pendiente")+"\n"
            texto+="Costo servicio: "+(payment.total)+", "
            texto+=payment.pay!=null?("Pagado: "+(payment.pay==null?"-":payment.pay)+", "):""
            if(payment.debt>0)
                texto+=payment.debt!=null?("Pendiente: "+(payment.debt==null?"-":payment.debt)+"\n"):"\n"
            else
                texto+="\n"
            texto+="Fecha Vencimiento => "+formatDates(payment.client_service_renewal.date_expiration);
            texto+="\n"
            texto+="======================\n"


        }



        $('#text-copy-to-client').val(texto);
        copyToSendWhatsappOnly()
    }
    function goToPurchase(){
        let date_start=$("#date_start").val();
        let date_end=$("#date_end").val();
        window.location.href="/admin/purchases?date_start="+date_start+"&date_end="+date_end
    }
    function showEmailToMove(){
        let statuse_id=$("#statuse_id").val()
        // alert(statuse_id,"sss")
        switch (parseInt(statuse_id)) {
            case 6:
                $(".mudar").show();
                break;
        
            default:
                $(".mudar").hide();
                break;
        }
    }
</script>
@stop