@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="row">
                            <div class="card-header col-md-auto">
                                <h5 class="mb-0">List {{ $title_menu }}</h5>
                            </div>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="table-responsive">
                                <table class="table display" id="list_{{ $dmenu }}">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th>No</th>
                                            <th>Kode</th>
                                            <th>Nama</th>
                                            <th>Dosis</th>
                                            <th>Kemasan</th>
                                            <th>Stok</th>
                                            <th>Min Stok</th>
                                            <th>Satuan</th>
                                            <th>HET</th>
                                            <th>Jenis</th>
                                            <th>Pemakaian</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {{-- retrieve table detail --}}
                                        @php
                                            $no = 1;
                                        @endphp
                                        @foreach ($minObat as $min)
                                            <tr>
                                                <td>{{ $no++ }}</td>
                                                <td>{{ $min->idobat }}</td>
                                                <td>{{ $min->nama }}</td>
                                                <td>{{ $min->dosis }}</td>
                                                <td>{{ $min->nama_kemasan }}</td>
                                                <td>{{ $min->stok_awal }}</td>
                                                <td>{{ $min->safety_stock }}</td>
                                                <td>{{ $min->nama_satuan }}</td>
                                                <td>{{ $min->harga }}</td>
                                                <td>{{ $min->nama_jenis }}</td>
                                                <td>{{ $min->nama_pemakaian }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>
        let columnAbjad = '';
        $(document).ready(function() {
            let numColumns = $('#list_{{ $dmenu }}').DataTable().columns().count();
            let columnNames = '';
            for (let index = 0; index < numColumns; index++) {
                columnNames = $('#list_{{ $dmenu }}').DataTable().columns(index).header()[0].textContent;
                if (columnNames == 'Status' || columnNames == 'status') {
                    columnAbjad = String.fromCharCode(65 + index);
                }
            }
        });
        $('#list_{{ $dmenu }}').DataTable({
            "language": {
                "search": "Cari :",
                "lengthMenu": "Tampilkan _MENU_ baris",
                "zeroRecords": "Maaf - Data tidak ada",
                "info": "Data _START_ - _END_ dari _TOTAL_",
                "infoEmpty": "Tidak ada data",
                "infoFiltered": "(pencarian dari _MAX_ data)"
            },
            responsive: true,
            dom: 'Bfrtip',
            buttons: [{
                    extend: 'excelHtml5',
                    text: '<i class="fas fa-file-excel me-1 text-lg text-success"> </i><span class="font-weight-bold"> Excel',
                    autoFilter: true,
                    sheetName: 'Exported data',
                    // title: 'Nama File Excel',
                    customize: function(xlsx) {
                        var sheet = xlsx.xl.worksheets['sheet1.xml'];
                        // Loop over the cells in column
                        sheet.querySelectorAll('row c[r^="' + columnAbjad + '"]').forEach((row) => {
                            // Get the value
                            let cell = row.querySelector('is t');
                            if (cell && cell.textContent === 'Not Active') {
                                row.setAttribute('s', '10'); //red background
                            }
                        });
                    },
                    exportOptions: {
                        columns: ':visible:not(:last-child)'
                    },
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fas fa-file-pdf me-1 text-lg text-danger"> </i><span class="font-weight-bold"> PDF',
                    orientation: 'landscape',
                    pageSize: 'A4',
                    exportOptions: {
                        columns: ':visible:not(:last-child)'
                    },
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-print me-1 text-lg text-info"> </i><span class="font-weight-bold"> Print',
                    orientation: 'landscape',
                    pageSize: 'A4',
                    exportOptions: {
                        columns: ':visible:not(:last-child)'
                    },
                },
            ]
        });
        //set color button datatables
        $('.dt-button').addClass('btn btn-secondary');
        $('.dt-button').removeClass('dt-button');

        $(document).ready(function() {
            $('.dt-buttons').append(
                '<button class="btn btn-secondary" id="pdfnew"><span><i class="fas fa-print me-1 text-lg text-danger"></i><span class="font-weight-bold"> Print Minimal Stok</span></span></button>'
            );

            $('#pdfnew').click(function() {
                $.ajax({
                    url: "{{ route('minStok.print') }}",
                    type: "GET",
                    dataType: "JSON",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(data) {
                        console.log(data);
                        var result = data['obat'];
                        console.log('Data Obat', result);
                        var body = [];

                        body.push([{
                                text: 'No',
                                style: 'tableHeader',
                                alignment: 'center'
                            },
                            {
                                text: 'Nama',
                                style: 'tableHeader',
                                alignment: 'center'
                            },
                            {
                                text: 'Dosis',
                                style: 'tableHeader',
                                alignment: 'center',
                                width: 20
                            },
                            {
                                text: 'Jumlah PO',
                                style: 'tableHeader',
                                alignment: 'center',
                                width: 20
                            },
                            {
                                text: 'Satuan',
                                style: 'tableHeader',
                                alignment: 'center',
                                width: 20
                            },
                            {
                                text: 'Produsen',
                                style: 'tableHeader',
                                alignment: 'center',
                                width: 20
                            }
                        ]);

                        result.forEach((o, index) => {
                            body.push([{
                                    text: (index + 1).toString(),
                                    alignment: 'center'
                                },
                                o.nama,
                                o.dosis,
                                {
                                    text: o.obat_po.toString(),
                                    alignment: 'right'
                                },
                                o.satuan,
                                o.tempat_beli
                            ]);
                        });

                        var todayDate = getTodayDate(); // Mendapatkan tanggal hari ini

                        var minstok = {
                            pageSize: 'A4',
                            pageOrientation: 'potrait',
                            pageMargins: [30, 50, 30, 50],
                            background: [{
                                image: 'data:image/png;base64,{{ base64_encode(file_get_contents(public_path('images/logo_klinik.png'))) }}',
                                width: 400, // Lebar gambar watermark
                                height: 300, // Tinggi gambar watermark
                                absolutePosition: {
                                    x: (595.28 - 400) /
                                        2, // Hitung posisi X agar gambar berada di tengah
                                    y: (841.89 - 300) /
                                        2 // Hitung posisi Y agar gambar berada di tengah
                                },
                                opacity: 0.2 // Atur opasitas gambar watermark (0 - 1)
                            }],
                            content: [{
                                    columns: [{
                                            image: 'data:image/png;base64,{{ base64_encode(file_get_contents(public_path('images/logo.png'))) }}',
                                            width: 70
                                        },
                                        {
                                            text: [
                                                'PT MULTI SPUNINDO JAYA Tbk\n',
                                                {
                                                    text: 'Nonwovens Manufacturer',
                                                    italics: true
                                                },
                                                '\nPELAYANAN KESEHATAN KERJA'
                                            ],
                                            alignment: 'center',
                                            margin: [0, 0, 0, 0],
                                            bold: true
                                        },
                                        {
                                            image: 'data:image/png;base64,{{ base64_encode(file_get_contents(public_path('images/logo_klinik.png'))) }}',
                                            width: 70
                                        }
                                    ]
                                },
                                {
                                    canvas: [{
                                        type: 'line',
                                        x1: 0,
                                        y1: 5,
                                        x2: 535,
                                        y2: 5,
                                        lineWidth: 1
                                    }],
                                    margin: [0, 10, 0, 10]
                                },
                                {
                                    text: 'Data Permintaan Obat',
                                    style: 'header'
                                },
                                {
                                    table: {
                                        headerRows: 1,
                                        widths: [30, 'auto', '*', '*', '*',
                                            '*'
                                        ],
                                        body: body
                                    }
                                },
                                {
                                    text: todayDate, // Menampilkan tanggal hari ini
                                    style: 'subheader',
                                    alignment: 'right',
                                    margin: [0, 10, 10,
                                        0
                                    ] // Atur margin sesuai kebutuhan
                                },
                                {
                                    margin: [0, 20, 0, 0],
                                    columns: [{
                                            text: 'Meminta,',
                                            style: 'subheader',
                                            alignment: 'left',
                                            margin: [60, 5, 0, 0]
                                        },
                                        {
                                            text: 'Mengetahui,',
                                            style: 'subheader',
                                            alignment: 'center',
                                            margin: [-50, 5, 0,
                                                0
                                            ] // adjusted margin to align with 'Mengetahui' column
                                        }
                                    ]
                                },
                                {
                                    margin: [0, 30, 0, 0],
                                    columns: [{
                                            stack: [{
                                                    canvas: [{
                                                        type: 'rect',
                                                        x: 0,
                                                        y: 0,
                                                        w: 150,
                                                        h: 75,
                                                        lineWidth: 1
                                                    }],
                                                    margin: [0, 0, 0, 10]
                                                },
                                                '(                                                )',
                                                {
                                                    canvas: [{
                                                        type: 'line',
                                                        x1: 0,
                                                        y1: 0,
                                                        x2: 150,
                                                        y2: 0,
                                                        lineWidth: 1
                                                    }]
                                                },
                                                // 'Nama TTD Meminta',
                                                // 'Jabatan',
                                            ],
                                            alignment: 'center', // Mengubah alignment ke 'center'
                                            margin: [-20, 0, 0, 0]
                                        },
                                        {
                                            stack: [{
                                                    canvas: [{
                                                        type: 'rect',
                                                        x: 0,
                                                        y: 0,
                                                        w: 150,
                                                        h: 75,
                                                        lineWidth: 1
                                                    }],
                                                    margin: [0, 0, 0, 10]
                                                },
                                                '(                                                )',
                                                {
                                                    canvas: [{
                                                        type: 'line',
                                                        x1: 0,
                                                        y1: 0,
                                                        x2: 150,
                                                        y2: 0,
                                                        lineWidth: 1
                                                    }]
                                                },
                                                // 'Nama TTD Mengetahui 1',
                                                // 'Jabatan',
                                            ],
                                            alignment: 'center', // Mengubah alignment ke 'center'
                                            margin: [0, 0, -50, 0]
                                        },
                                        {
                                            stack: [{
                                                    canvas: [{
                                                        type: 'rect',
                                                        x: 0,
                                                        y: 0,
                                                        w: 150,
                                                        h: 75,
                                                        lineWidth: 1
                                                    }],
                                                    margin: [0, 0, 0, 10]
                                                },
                                                '(                                                )',
                                                {
                                                    canvas: [{
                                                        type: 'line',
                                                        x1: 0,
                                                        y1: 0,
                                                        x2: 150,
                                                        y2: 0,
                                                        lineWidth: 1
                                                    }]
                                                },
                                                // 'Nama TTD Mengetahui 2',
                                                // 'Jabatan',
                                            ],
                                            alignment: 'center', // Mengubah alignment ke 'center'
                                            margin: [0, 0, -30, 0]
                                        }
                                    ]
                                }

                            ],
                            footer: function(currentPage, pageCount) {
                                return {
                                    text: 'Halaman ' + currentPage.toString() +
                                        ' dari ' + pageCount,
                                    alignment: 'center',
                                    fontSize: 10,
                                    margin: [0, 0, 0, 20]
                                };
                            },
                            styles: {
                                header: {
                                    fontSize: 15,
                                    bold: true,
                                    alignment: 'center',
                                    margin: [0, 0, 0, 10]
                                },
                                tableHeader: {
                                    bold: true,
                                    fontSize: 13,
                                    color: 'black',
                                    alignment: 'center'
                                },
                                subheader: {
                                    fontSize: 12,
                                    bold: true,
                                    alignment: 'center',
                                    margin: [0, 10, 0, 5]
                                }
                            }
                        };

                        function number_format(number, decimals = 0, decPoint = '.',
                            thousandsSep = ',') {
                            number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
                            var n = !isFinite(+number) ? 0 : +number,
                                prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
                                sep = (typeof thousandsSep === 'undefined') ? ',' :
                                thousandsSep,
                                dec = (typeof decPoint === 'undefined') ? '.' : decPoint,
                                s = '',
                                toFixedFix = function(n, prec) {
                                    var k = Math.pow(10, prec);
                                    return '' + Math.round(n * k) / k;
                                };

                            s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
                            if (s[0].length > 3) {
                                s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
                            }
                            if ((s[1] || '').length < prec) {
                                s[1] = s[1] || '';
                                s[1] += new Array(prec - s[1].length + 1).join('0');
                            }
                            return s.join(dec);
                        }

                        // Fungsi untuk mendapatkan tanggal hari ini
                        function getTodayDate() {
                            var days = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat',
                                'Sabtu'
                            ];
                            var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei',
                                'Juni', 'Juli', 'Agustus',
                                'September', 'Oktober', 'November', 'Desember'
                            ];
                            var now = new Date();
                            var dayName = days[now.getDay()];
                            var day = now.getDate();
                            var monthName = months[now.getMonth()];
                            var year = now.getFullYear();

                            return dayName + ', ' + day + ' ' + monthName + ' ' + year;
                        }

                        pdfMake.createPdf(minstok).print();
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        Swal.fire({
                            title: 'Sorry!',
                            text: 'Error Get data!',
                            icon: 'error',
                            confirmButtonColor: '#3085d6'
                        });
                    }
                });
            });
        });
    </script>
@endpush