@extends('base')

@section('content')


    <div class="alert alert-success text-center">Export facture électronique</div>



    <div class="col-md-12 text-right"><button style="margin-bottom:3%" class="btn btn-success" id="rafraichir">Rafraichir</button>
        <button class="btn btn-success" id="export_facture_electronique" style="margin-bottom:3%">Export</button></div>
    <div class="col-md-12 text-center">Nombre de(s) facture : <span class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;">0</span></div>
    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered" id="table_facture_export_electronique" style="width:100%">
            <thead style="background-color:#28a745; color:white">
            <tr>
                <th scope="col" class="text-center">FACTURE</th>
                <th scope="col" class="text-center">DATE</th>
                <th scope="col" class="text-center">CLIENT</th>
            </tr>
            </thead>

        </table>
    </div>



    <script>

        $(function() { // Dom ready

            $('title').text("EXPORT FACTURE ELECTRONIQUE - SMART CENTRAL");



            var table = $('#table_facture_export_electronique').on('processing.dt', function (e, settings, processing) {

                $('.ring').css('display', processing ? 'block' : 'none');
                $('#filtre_loading').css('display', processing ? 'block' : 'none');
            }).DataTable({
                scrollX: true,
                orderCellsTop: true,
                // fixedHeader: true,
                scrollCollapse: true,
                autoWidth: true,
                // paging: true,
                // serverSide: true,
                iDisplayLength: '50',


                'ajax': {
                    'url': '{{route('export_facture_electronique.data_table')}}',
                    'type': 'GET',
                    'data': {



                    },

                    'dataSrc': function (json) {

                        $('.badge').html(json.recordsTotal);

                        return json.data;
                    },
                },



                columnDefs: [

                    {'className': 'text-center align-middle ', 'targets': '_all'},
                ],

            });



            $("#rafraichir").click(function (e){
                e.preventDefault();
                table.ajax.reload(null, false);

            });


            $("#export_facture_electronique").click(function(e) {
                e.preventDefault();
                $('.ring').show();
                $('#filtre_loading').show();

                $.ajax({
                    url: '{{route('facture.telecharger_facture_peppol')}}',
                    method: 'GET',

                    xhrFields: {
                        responseType: 'blob'
                    },
                    success: function(blob) {
                        $('.ring').hide();
                        $('#filtre_loading').hide();
                        $("#rafraichir").click();
                        const link = document.createElement('a');
                        link.href = window.URL.createObjectURL(blob);
                        link.download = 'factures_xml';
                        link.click();
                    },
                    error: function(xhr) {

                        $('.ring').hide();
                        $('#filtre_loading').hide();

                        // Lire le blob retourné par Laravel
                        if (xhr.response) {
                            const reader = new FileReader();
                            reader.onload = function() {
                                try {
                                    const json = JSON.parse(reader.result);
                                    alert(json.error || "Une erreur est survenue.");
                                } catch (e) {
                                    alert("Erreur serveur.");
                                }
                            };
                            reader.readAsText(xhr.response);
                        } else {
                            alert("Erreur serveur.");
                        }
                    }


                });


            });



        });
    </script>
@endsection