@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 class="x_content">
        <div class="form-horizontal form-label-left" id="update_info">

            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">درصد کمیسیون</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input id="commission" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                           data-validate-words="2"  placeholder="{{$item->commission}}"
                           required="required" type="number">
                </div>
                <button onclick="EditCommission({{$_GET['cat_id']}})"  type="submit" class="right_message" style="border: none">
                    ویرایش کمیسون
                </button>
            </div>


        </div>
    </div>
</div>


<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 class="x_content">
        <div id="alerts"></div>

        <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editorDescription">
            <div class="btn-group">
                <ul class="dropdown-menu">
                    <li>
                        <a data-edit="fontSize 5">
                            <p style="font-size:17px">بزرگ</p>
                        </a>
                    </li>
                    <li>
                        <a data-edit="fontSize 3">
                            <p style="font-size:14px">معمولی</p>
                        </a>
                    </li>
                    <li>
                        <a data-edit="fontSize 1">
                            <p style="font-size:11px">کوچک</p>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="btn-group">
                <a class="btn" data-edit="bold" title="درشت (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
                <a class="btn" data-edit="italic" title="ایتالیک (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
                <a class="btn" data-edit="strikethrough" title="خط خورده"><i class="fa fa-strikethrough"></i></a>
                <a class="btn" data-edit="underline" title="زیرخط (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
            </div>

            <div class="btn-group">
                <a class="btn" data-edit="insertunorderedlist" title="لیست دایره ای"><i class="fa fa-list-ul"></i></a>
                <a class="btn" data-edit="insertorderedlist" title="لیست عددی"><i class="fa fa-list-ol"></i></a>
                <a class="btn" data-edit="outdent" title="کاهش دندانه (Shift+Tab)"><i class="fa fa-dedent"></i></a>
                <a class="btn" data-edit="indent" title="دنداره (Tab)"><i class="fa fa-indent"></i></a>
            </div>

            <div class="btn-group">

                <a class="btn" data-edit="justifyright" title="تراز راست (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
                <a class="btn" data-edit="justifycenter" title="وسط (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
                <a class="btn" data-edit="justifyleft" title="تراز چپ (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
                <a class="btn" data-edit="justifyfull" title="جاستیفای (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
            </div>

            <div class="btn-group">
                <a class="btn" data-edit="undo" title="باطل کردن (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
                <a class="btn" data-edit="redo" title="بازگردانی (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
            </div>
        </div>

        <div id="editorDescription" class="editor-wrapper placeholderText" contenteditable="true">
            {!! $item->description !!}
        </div>

        <textarea name="descr" id="descr" style="display:none;"></textarea>

        <br>
        <button onclick="EditDescription({{$_GET['cat_id']}})"  type="submit" class="right_message" style="border: none">
            ویرایش توضیحات
        </button>

        <div class="ln_solid"></div>
    </div>
</div>


<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 class="x_content">
        <div id="alerts"></div>

        <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editorPrice">
            <div class="btn-group">
                <ul class="dropdown-menu">
                    <li>
                        <a data-edit="fontSize 5">
                            <p style="font-size:17px">بزرگ</p>
                        </a>
                    </li>
                    <li>
                        <a data-edit="fontSize 3">
                            <p style="font-size:14px">معمولی</p>
                        </a>
                    </li>
                    <li>
                        <a data-edit="fontSize 1">
                            <p style="font-size:11px">کوچک</p>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="btn-group">
                <a class="btn" data-edit="bold" title="درشت (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
                <a class="btn" data-edit="italic" title="ایتالیک (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
                <a class="btn" data-edit="strikethrough" title="خط خورده"><i class="fa fa-strikethrough"></i></a>
                <a class="btn" data-edit="underline" title="زیرخط (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
            </div>

            <div class="btn-group">
                <a class="btn" data-edit="insertunorderedlist" title="لیست دایره ای"><i class="fa fa-list-ul"></i></a>
                <a class="btn" data-edit="insertorderedlist" title="لیست عددی"><i class="fa fa-list-ol"></i></a>
                <a class="btn" data-edit="outdent" title="کاهش دندانه (Shift+Tab)"><i class="fa fa-dedent"></i></a>
                <a class="btn" data-edit="indent" title="دنداره (Tab)"><i class="fa fa-indent"></i></a>
            </div>

            <div class="btn-group">

                <a class="btn" data-edit="justifyright" title="تراز راست (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
                <a class="btn" data-edit="justifycenter" title="وسط (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
                <a class="btn" data-edit="justifyleft" title="تراز چپ (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
                <a class="btn" data-edit="justifyfull" title="جاستیفای (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
            </div>

            <div class="btn-group">
                <a class="btn" data-edit="undo" title="باطل کردن (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
                <a class="btn" data-edit="redo" title="بازگردانی (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
            </div>
        </div>

        <div id="editorPrice" class="editor-wrapper placeholderText" contenteditable="true">
            {!! $item->price_guide !!}
        </div>

        <textarea name="descr" id="descr" style="display:none;"></textarea>

        <br>
        <button onclick="EditPrice({{$_GET['cat_id']}})"  type="submit" class="right_message" style="border: none">
            ویرایش قیمت
        </button>

        <div class="ln_solid"></div>

    </div>

</div>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="sweetalert2.all.min.js"></script>


<script>

    function EditDescription(id) {
        var editorDescription = document.getElementById("editorDescription").innerHTML

        Swal.fire({
            title: 'آیا مطمئن هستید؟',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0082e0',
            cancelButtonColor: '#c40909',
            confirmButtonText: 'بله مطمئنم',
            cancelButtonText: 'کنسل',
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                        type: "POST",
                        url: '/panel/category_details_page_action',
                        data: {
                            text: editorDescription,
                            cat_id: id,
                            action: 'description',
                        },
                        success: function (res) {
                            if (res.status == 'ok') {
                                Swal.fire('انجام شد!').then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            } else {
                                alert('مشکلی پیش آمد. لطفا مجدد تلاش کنید')
                            }
                        },
                        error: function (res) {
                            console.log(res);
                        },
                    }
                )
            }
        })
    }

    function EditPrice(id) {
        var editorPrice = document.getElementById("editorPrice").innerHTML

        Swal.fire({
            title: 'آیا مطمئن هستید؟',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0082e0',
            cancelButtonColor: '#c40909',
            confirmButtonText: 'بله مطمئنم',
            cancelButtonText: 'کنسل',
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                        type: "POST",
                        url: '/panel/category_details_page_action',
                        data: {
                            text: editorPrice,
                            cat_id: id,
                            action: 'price',
                        },
                        success: function (res) {
                            if (res.status == 'ok') {
                                Swal.fire('انجام شد!').then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            } else {
                                alert('مشکلی پیش آمد. لطفا مجدد تلاش کنید')
                            }
                        },
                        error: function (res) {
                            console.log(res);
                        },
                    }
                )
            }
        })
    }

    function EditCommission(id) {
        var commission = document.getElementById("commission").value

        Swal.fire({
            title: 'آیا مطمئن هستید؟',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0082e0',
            cancelButtonColor: '#c40909',
            confirmButtonText: 'بله مطمئنم',
            cancelButtonText: 'کنسل',
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                        type: "POST",
                        url: '/panel/category_details_page_action',
                        data: {
                            commission: commission,
                            cat_id: id,
                            action: 'commission',
                        },
                        success: function (res) {
                            if (res.status == 'ok') {
                                Swal.fire('انجام شد!').then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            } else {
                                alert('مشکلی پیش آمد. لطفا مجدد تلاش کنید')
                            }
                        },
                        error: function (res) {
                            console.log(res);
                        },
                    }
                )
            }
        })
    }



</script>


@include('footer')