
<?php $__env->startSection('title','KM BackOffice'); ?>
<?php $__env->startSection('content'); ?>
<div class="main-content">
    <?php echo $__env->make('layouts/partials/back/header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    
    <main>
        <div class="banner">
            <span class="fas <?php echo e($page['data']['icon']); ?>"></span>
            <span><?php echo e($page['data']['name']); ?></span>
        </div>
        <div class="container" id="blade">
            <br>
            <div class="row">
                <div class="row justify-content-center">
                    <div class="col-2">
                        <button id="btn-add" ype=" button" class="btn btn-block btn-warning">
                            เพิ่ม <i class="fas fa-plus-circle"></i>
                        </button>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table id="datatable-list" class="table">
                    <!-- Row of Column Name -->
                    <thead>
                        <tr class="bg-green">
                            <th>จัดเรียง</th>
                            <th>ลำดับ</th>
                            <th>หัวข้อ</th>
                            <th>ภาพประชาสัมพันธ์</th>
                            <th>วันที่เริ่มต้น</th>
                            <th>วันที่สิ้นสุด</th>
                            <th>สถานะ</th>
                            <th>id</th>
                            <th>จัดการ</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php if($advertising['status'] == true): ?>
                        <?php $__currentLoopData = $advertising['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                            <td width="5%"></td>
                            <td width="5%"><?php echo e($item['order']); ?></td>
                            <td width="20%"><?php echo e($item['name']); ?></td>
                            <td width="20%">
                                <img class="img-thumbnail"
                                    src="<?php echo e(asset('../storage/km/advertising/'.$item['photo'])); ?>">
                            </td>
                            <td width="10%"><?php echo e(formatDateThai($item['date_start'])); ?></td>
                            <td width="10%"><?php echo e(formatDateThai($item['date_end'])); ?></td>
                            <td width="10%">
                                <?php if($item['status'] == 1): ?>
                                เผยแพร่
                                <?php elseif($item['status'] == 2): ?>
                                ยกเลิก
                                <?php endif; ?>
                            </td>
                            <td width="5%"><?php echo e($item['id']); ?></td>
                            <td width="15%"></td>
                        </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php else: ?>
                        <?php endif; ?>

                    </tbody>
                </table>
            </div>
        </div>
    </main>
</div>

<script>
var tableList = $('#datatable-list').DataTable({
    "columnDefs": [{
            "targets": 0,
            "data": null,
            "className": "text-center",
            "defaultContent": "<div class='btn-group' role='group'>" +
                "<button type='button' class='btn btn-outline-primary btn-up'><i class='fa fa-arrow-up' aria-hidden='true'></i></button>" +
                "<button type='button' class='btn btn-outline-primary btn-down'><i class='fa fa-arrow-down' aria-hidden='true'></i></button> " +
                "</div>"
        },
        {
            "targets": 7,
            "visible": false,
            "searchable": false
        },
        {
            "targets": -1,
            "data": null,
            "className": "text-center",
            "defaultContent": "<a class='on-default btn-edit' data-toggle='tooltip' title='แก้ไข'><i class='fa fa-edit'></i></a> " +
                "<a class='on-default btn-delete' data-toggle='tooltip' title='ลบ'><i class='fa fa-trash-alt'></i></a>"
        }
    ],
    "rowCallback": function(row, data, index) {
        var api = this.api();
        var countRow = api.rows().count();
        var lastRow = countRow - 1;
        if (index == 0) {
            $('td', row).find('.btn-up').prop("disabled", true);
        } else if (index == lastRow) {
            $('td', row).find('.btn-down').prop("disabled", true);
        }
        // console.log(lastRow + '/' + index);
        // var numsignin = data[10];
        // if (numsignin > 0) {
        //     $('td', row).find('#btn-delete').hide();
        // }
    },
    "autoWidth": false,
    "searching": true,
    "destroy": false,
    "paging": true,
    "info": true,
    "responsive": false,
    "orderable": false
});

$('#datatable-list tbody').on('click', '.btn-edit', function() {
    var RowIndex = $(this).closest('tr');
    var data = tableList.row(RowIndex).data();
    // var data = tableList.row( this ).data();
    var idadv = data[7];
    $(".loader").show();
    var form_data = new FormData();
    form_data.append('idadv', idadv);
    $.ajax({
        type: "post",
        url: 'advertisingManagement/form',
        data: form_data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        processData: false,
        contentType: false,
        cache: false,
        success: function(html) {
            $(".loader").hide();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
            $('#blade').html(html);
        }
    });
});

$('#datatable-list tbody').on('click', '.btn-delete', function() {
    var RowIndex = $(this).closest('tr');
    var data = tableList.row(RowIndex).data();
    // var data = tableList.row( this ).data();
    var adv_id = data[7];
    var adv_order = data[1];
    Swal.fire({
        icon: 'info',
        title: 'คุณแน่ใจแล้วใช่ไหมว่าจะลบข้อมูลที่เลือก',
        text: '',
        allowOutsideClick: false,
        focusConfirm: true,
        showCancelButton: true,
        confirmButtonText: 'ตกลง',
        cancelButtonText: 'ยกเลิก',
    }).then((result) => {
        if (result.value) {
            $(".loader").show();
            var form_data = new FormData();
            form_data.append('adv_id', adv_id);
            form_data.append('adv_order', adv_order);
            $.ajax({
                type: "post",
                url: 'advertisingManagement/delete/' + adv_id,
                data: form_data,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                processData: false,
                contentType: false,
                cache: false,
                success: function(data) {
                    // $(".loader").hide();
                    if (data.status == true) {
                        location.reload();
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: 'คำเตือน',
                            text: JSON.stringify(data.message),
                        });
                    }
                },
            });
        }
    });

});

$('#datatable-list tbody').on('click', '.btn-up', function() {
    var RowIndex = $(this).closest('tr');
    var data = tableList.row(RowIndex).data();
    // var data = tableList.row( this ).data();
    var adv_id = data[7];
    var adv_order = data[1];
    // alert("up: " + idadv);
    $(".loader").show();
    var form_data = new FormData();
    form_data.append('adv_id', adv_id);
    form_data.append('adv_order', adv_order);

    $.ajax({
        type: "post",
        url: 'advertisingManagement/sortUp',
        data: form_data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        processData: false,
        contentType: false,
        cache: false,
        success: function(html) {
            // $(".loader").hide();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
            location.reload();
        }
    });
});

$('#datatable-list tbody').on('click', '.btn-down', function() {
    var RowIndex = $(this).closest('tr');
    var data = tableList.row(RowIndex).data();
    // var data = tableList.row( this ).data();
    var adv_id = data[7];
    var adv_order = data[1];
    // alert("down: " + idadv);
    $(".loader").show();
    var form_data = new FormData();
    form_data.append('adv_id', adv_id);
    form_data.append('adv_order', adv_order);

    $.ajax({
        type: "post",
        url: 'advertisingManagement/sortDown',
        data: form_data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        processData: false,
        contentType: false,
        cache: false,
        success: function(html) {
            // $(".loader").hide();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
            location.reload();
        }
    });
});

// $("#btn-add").click(function() {
//     $("#AddModalAdv").modal('show');
// });
$("#btn-add").click(function() {
    $(".loader").show();
    var form_data = new FormData();
    form_data.append('idadv', '0');
    $.ajax({
        type: "post",
        url: 'advertisingManagement/form',
        data: form_data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        processData: false,
        contentType: false,
        cache: false,
        success: function(html) {
            $(".loader").hide();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
            $('#blade').html(html);
        }
    });
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.back.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/km-web/resources/views/backOffice/advertisingManagement.blade.php ENDPATH**/ ?>