@include('header')

<div class="x_panel">
    <div class="x_title">
        <h2>دسته بندی ها</h2>
        <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>

    <div style="display: flex">
        <i class="fa fa-info-circle" style="font-size: 20px; color: red"></i>
        <p style="margin-right:10px ; color: red "> درصورت تغییر گزینه ها، تغییرات اعمال میگردد.</p>
    </div>
    <div class="x_content">
        <!-- start project list -->
        <table class="table table-striped پروژه ها">
            <thead>
            <tr>
                <th style="width: 20%">عملیات</th>
                <th style="width: 80%">نام دسته بندی</th>
            </tr>
            </thead>
            <tbody>
            @foreach($items as $item)
                <tr>
                    <td>
                        <input type="checkbox" onchange="updateOffer(this, {{$item->id}})" {{ $item->offer == 1 ? 'checked' : '' }}>
                    </td>
                    <td style="vertical-align:middle;">{{$item->name}}</td>


                </tr>
            @endforeach
            </tbody>
        </table>
        <!-- end project list -->

    </div>
</div>
<script src="../resources/js/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="sweetalert2.all.min.js"></script>

<script>
    function updateOffer(checkbox, itemId) {
        let offerValue = checkbox.checked ? 1 : 0;

        $.ajax({
            type: "POST",
            url: '/panel/offer_category_page_action',
            data: {
                id:itemId,
                offer: offerValue,
            },
            success: function (res) {
                console.log(res);
                if (res.status == 'ok') {
                    alert('تغییرات ذخیره شد');
                } else {
                    alert('خطا در ذخیره تغییرات');
                }
            },
            error: function (res) {
                console.log(res);
                alert('مشکلی پیش آمد، لطفا دوباره تلاش کنید');
            }
        });
    }
</script>



@include('footer')