@php
    
    $breadcrumbs = [
        'Invoice List' => url('/invoice_list')
        // 'Signature Editor' => ''
    ];
@endphp
@extends('layouts.master')

@section('title')
    Invoice List
@endsection

@section('style')
    <style>
        
    </style>
@endsection

@section('content')

{{-- @include('layouts.header') --}}

<section class="wrapper bg-light">
    <div class="container py-14">


<div id="root-invoice-chart"></div>

        
       
    </div>


   
</section>

{{-- @include('layouts.footer') --}}

@endsection

@section('script')
<script>
    window.APP_BASE_URL = "{{ url('/') }}";
</script>
@vite(['resources/js/app.jsx'])


    {{-- Tawk.to Script --}}
    <script type="text/javascript">
        var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
        (function() {
            var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/68302140bb633c190b31fe04/1iru03pj0';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
    </script>

    {{-- Logic Chatbot / Webhook --}}
    <script>
        Tawk_API.onMessageReceived = function(msg) {
            if (msg && msg.text && msg.senderType === "visitor") {
                fetch("https://hook.eu2.make.com/4rvrtmbr4j0ydel4en3ab58bhlnggn11", {
                    method: "POST",
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ message: msg.text })
                });
            }
        };

        async function fetchReplyAndSend() {
            try {
                const res = await fetch("http://143.198.213.150/consultingcenter/public/api/chatbot/reply");
                const data = await res.json();
                if (data.reply && typeof Tawk_API.addMessage === "function") {
                    Tawk_API.addMessage(data.reply);
                }
            } catch (err) {
                console.error("Error:", err);
            }
        }
        setInterval(fetchReplyAndSend, 5000);
    </script>
   
@endsection