@extends('admin.layout.master_layout')

@section('title')
    البرامج
@stop

@section('page-content')

<div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-page__container m-body">
    <div class="m-grid__item m-grid__item--fluid m-wrapper">

        <div class="m-subheader">
            <div class="d-flex align-items-center" style="justify-content: space-between;">

                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ route('admin.dashboard.view') }}" class="m-nav__link">
                            <span class="m-nav__link-text">الرئيسية</span>
                        </a>
                    </li>
                    <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="/admin/programs" class="m-nav__link">
                            <span class="m-nav__link-text">البرامج</span>
                        </a>
                    </li>
                </ul>

                <div class="m-demo__preview m-demo__preview--btn">
                    @can('add_programs')
                        <button type="button" data-toggle="modal" data-target="#add_page"
                                class="btn btn-danger m-btn m-btn--custom btnAddProgram">
                            <i class="fa fa-plus"></i> إضافة برنامج
                        </button>
                    @endcan
                </div>

            </div>
        </div>

        <div class="m-content pt-3">

             <div class="filter row mb-4 mt-2">

                <div class="col-md-3">
                    <input type="text" name="name"  class="form-control name" placeholder="البحث">
                </div>


                    <div class="col-md-3">
                    <input type="text" name="from_date"  class="form-control date-picker from_date" placeholder="من تاريخ">
                </div>

                  <div class="col-md-3">
                    <input type="text" name="to_date"  class="form-control date-picker to_date" placeholder="إلى تاريخ">
                </div>
            </div>

            <div id="table-container">
                @include('admin.programs.table-data')
            </div>
        </div>

    </div>
</div>

@include('admin.programs.sub.add')
@include('admin.uploads.upload')
@stop


@section('js')
<script src="https://cdn.ckeditor.com/4.22.1/full/ckeditor.js"></script>
<script>

    /* ---- CKEditor init ---- */
    var NEWS_EDITOR_IDS = [
        @foreach($data['system'] as $system)
            'ckeditor_{{ $system->value2 }}',
        @endforeach
    ];
    var editorsReady = false;

    $('#add_page').on('shown.bs.modal', function () {
        if (editorsReady) return;
        NEWS_EDITOR_IDS.forEach(function (editorId) {
            if (typeof CKEDITOR !== 'undefined' && !CKEDITOR.instances[editorId]) {
                CKEDITOR.replace(editorId, {
                    contentsLangDirection: editorId.indexOf('_ar') !== -1 ? 'rtl' : 'ltr',
                    height: 220
                });
            }
        });
        editorsReady = true;
    });

    /* ---- Bootstrap Switch ---- */
    $('#activeValue').bootstrapSwitch('state', true, true);

    /* ---- Update Status ---- */
    $('body').on('click', '.UpdateStats', function () {
        $(this).addClass('disabled');
        var thisTag = $(this);
        var id = $(this).data('id');

        $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

        $.ajax({
            url: "/admin/programs/UpdateStats",
            type: "POST",
            dataType: "JSON",
            data: { id: id },
            success: function (data) {
                if (data["status"] == true) { refreshTable(); }
            },
            complete: function () { $(thisTag).removeClass('disabled'); }
        });
    });

    $(document).on('click', '.mytable .pagination a', function (event) {
        event.preventDefault();
        $('li').removeClass('active');
        $(this).parent('li').addClass('active');
        var url = $(this).attr('href');
        getData(url);
        window.history.pushState("", "", url);
    });


    function getFilters() {
        var params = {};

        var name = $('.name').val();
        if (name) params.name = name;


        var from_date = $('.from_date').val();
        if (from_date !== '') params.from_date = from_date;

        var to_date = $('.to_date').val();
        if (to_date !== '') params.to_date = to_date;


        return $.param(params);
    }


        $(document).on('change','.from_date,.to_date',function(e){
             var url = $(this).attr('href');
                getData(url);
        })

        $('.name').keypress(function (e) {
            if (e.which == 13) {
                var url = $(this).attr('href');
                getData(url);
                return false;
            }
        });



        function getData(url) {

           if (!url) {
        var origin   = $(location).attr("origin");
        var pathname = $(location).attr("pathname");
        var page     = $('.pagination .active span').text() || 1;
        url = origin + pathname + '?page=' + page;
    }


        var filters = getFilters();
        if (filters) {
            url += (url.indexOf('?') !== -1 ? '&' : '?') + filters;
        }

        $.ajax({ url: url }).done(function (data) {
            $("#table-container").empty().html(data);
        });
    }

    function refreshTable() {
        var origin   = $(location).attr("origin");
        var pathname = $(location).attr("pathname");
        var page     = $('.pagination .active span').text() || 1;
        var url      = origin + pathname + '?page=' + page;
        getData(url);
        window.history.pushState("", "", url);
    }

    $(document).ready(function () {

        function clearForm() {
            $('#addNewpageForm').find('input[type="text"], textarea').val('');
             $('.img_review img').attr('src','/admin/assets/app/media/no_image.jpg');
            $('#addNewpageForm .rowIdUpdate').val(0);
            $('#icon').val('');
             $('.orders').val('');
            $('#icon-preview').attr('class', 'fas fa-cube fa-lg');
            $('#activeValue').bootstrapSwitch('state', true, true);
            $('.modal-title').html('إضافة برنامج');
            $('.btn_save_page').html('حفظ');
            $('#features-list').empty();
            $('#features-hidden').val('[]');

            /* مسح محتوى المحررات */
            NEWS_EDITOR_IDS.forEach(function (editorId) {
                if (typeof CKEDITOR !== 'undefined' && CKEDITOR.instances[editorId]) {
                    CKEDITOR.instances[editorId].setData('');
                }
            });
        }

        $(document).on('click', '.btnAddProgram', function () { clearForm(); });

        $(document).on('input', '#program_icon', function () {
            var cls = $(this).val().trim() || 'fas fa-cube';
            $('#icon-preview').attr('class', cls + ' fa-lg');
        });

        $(document).on('click', '.updateDetails', function () {
            clearForm();
            var id = $(this).data('id');
            $('.rowIdUpdate').val(id);

            $.ajax({
                url: "/admin/programs/edit",
                type: "GET",
                dataType: "JSON",
                data: { id: id },
                success: function (data) {
                    if (data['status'] == true) {
                        var d = data['data'];
                        $('.orders').val(d.orders);
                        $('.title_ar').val(d.title_ar);
                        $('.title_en').val(d.title_en);
                           $('.icon').val(d.icon);
                        $('#activeValue').bootstrapSwitch('state', d.status == 1, true);
                        if(data['data']['icon']){
                            $('.img_review img').attr('src','/uploads/'+d['icon']);
                            $('#addNewpageForm .icon').val(d['icon']);
                        }

                        /* تعبئة المحررات بعد ظهور المودال */
                        $('#add_page').one('shown.bs.modal', function () {
                            NEWS_EDITOR_IDS.forEach(function (editorId) {
                                var lang = editorId.replace('ckeditor_', '');
                                if (CKEDITOR.instances[editorId]) {
                                    CKEDITOR.instances[editorId].setData(d['details_' + lang] || '');
                                }
                            });
                        });

                    }
                },
                complete: function () { $('#add_page').modal('show'); },
                error: function () {
                    swal({ title: 'حدث خطأ غير معروف، الرجاء المحاولة فيما بعد', type: "error" });
                }
            });

            $('.modal-title').html('تعديل برنامج');
            $('.btn_save_page').html('تعديل');
        });

        /* ---- جمع الميزات قبل الإرسال ---- */
        function collectFeatures() {
            var features = [];
            $('.feature-row').each(function () {
                var ar = $(this).find('.feature-ar').val().trim();
                var en = $(this).find('.feature-en').val().trim();
                if (ar || en) {
                    features.push({ ar: ar, en: en });
                }
            });
            return JSON.stringify(features);
        }

        /* ---- إرسال الفورم ---- */
        $('.addNewpageForm').on('submit', function (e) {
            e.preventDefault();
            $('#loading').show();

            /* تحديث الـ textarea من المحرر قبل جمع البيانات */
            NEWS_EDITOR_IDS.forEach(function (editorId) {
                if (typeof CKEDITOR !== 'undefined' && CKEDITOR.instances[editorId]) {
                    CKEDITOR.instances[editorId].updateElement();
                }
            });

            $('#features-hidden').val(collectFeatures());

            var formData = new FormData(this);
            var id  = $('.rowIdUpdate').val();
            var url = (id == 0) ? "/admin/programs/add" : "/admin/programs/update";

            $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

            $.ajax({
                url: url,
                type: "POST",
                cache: false,
                contentType: false,
                processData: false,
                data: formData,
                success: function (data) {
                    $('#loading').hide();
                    if (data["status"] == true) {
                        swal({
                            title: "", text: data["data"], type: "success",
                            confirmButtonColor: "#DD6B55", confirmButtonText: "حسنا",
                            closeOnConfirm: true
                        });
                        $("#add_page").modal("hide");
                        clearForm();
                        refreshTable();
                    } else {
                        var dt = '<ul>';
                        if (data["data_validator"]) {
                            $.each(data["data_validator"], function (k, v) { dt += '<li>' + v + '</li>'; });
                        }
                        dt += '</ul>';
                        swal({
                            title: "", text: data["data"] || '', type: "error", html: dt,
                            confirmButtonColor: "#DD6B55", confirmButtonText: "حسناً",
                            closeOnConfirm: true
                        });
                    }
                }
            });
        });

        /* ---- حذف ---- */
        $(document).on('click', '.delete', function () {
            var id = $(this).data('id');
            Swal.fire({
                title: '', text: 'هل تريد حذف هذا البرنامج ؟', type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6', cancelButtonColor: '#d33',
                confirmButtonText: 'حسنا', cancelButtonText: 'الغاء'
            }).then((result) => {
                if (result.value) {
                    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
                    $.ajax({
                        url: "/admin/programs/delete",
                        type: "POST",
                        dataType: "JSON",
                        data: { id: id },
                        success: function (data) {
                            if (data['status'] == true) {
                                Swal.fire('تم الحذف بنجاح', '', 'success');
                                refreshTable();
                            } else {
                                swal({ title: "", text: data["data"], type: "error", confirmButtonText: "حسنا" });
                            }
                        }
                    });
                }
            });
        });

    });



$(document).on('change', '#select-all', function () {
    $('.row-check').prop('checked', this.checked);
    updateBulkActions();
});

$(document).on('change', '.row-check', function () {
    var total   = $('.row-check').length;
    var checked = $('.row-check:checked').length;
    $('#select-all').prop('checked', total === checked);
    updateBulkActions();
});

function updateBulkActions() {
    var count = $('.row-check:checked').length;
    if (count > 0) {
        $('#bulk-actions').slideDown(200);
        $('.selected-count').text(count);
    } else {
        $('#bulk-actions').slideUp(200);
    }
}


$(document).on('click', '.bulk-delete', function () {
    var ids = [];
    $('.row-check:checked').each(function () {
        ids.push($(this).val());
    });

    if (ids.length === 0) return;

    Swal.fire({
        title: '',
        text: 'هل تريد حذف ' + ids.length + ' عنصر؟',
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'حذف الكل',
        cancelButtonText: 'إلغاء'
    }).then((result) => {
        if (result.value) {
            $.ajaxSetup({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }
            });
            $.ajax({
                url: "/admin/programs/bulk-delete",
                type: "POST",
                dataType: "JSON",
                data: { ids: ids },
                success: function (data) {
                    if (data['status'] == true) {
                        Swal.fire('تم حذف ' + ids.length + ' عنصر بنجاح', '', 'success');
                        refreshTable();
                    } else {
                        swal({ title: "", text: data["data"], type: "error", confirmButtonText: "حسنا" });
                    }
                }
            });
        }
    });
});
</script>
@stop