@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/partners" 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_partners')
                        <button type="button"  data-toggle="modal" data-target="#add_page" class="btn btn-danger m-btn m-btn--custom btnAddCustomer" ><i class="fa fa-plus"></i> إضافة شريك </button>
                    @endcan
                </div>

            </div>




        </div>

        <div class="m-content 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>
            
            <div class="">

                <div id="table-container">

                    @include('admin.partners.table-data')

                </div>

            </div>

        </div>



    </div>

</div>


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





@section('js')

<script type="text/javascript">



$('#activeValue').bootstrapSwitch('state', true, true);



function CKupdate(){

	for ( instance in CKEDITOR.instances )

		CKEDITOR.instances[instance].updateElement();

}

/***********************************************************************************************************************/

        $('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/partners/UpdateStats",

                type: "POST",

                dataType: "JSON",

                data:{id:id},

                success: function(data) {

                    if(data["status"] == true){

                        var origin = $(location).attr("origin");
                                    var pathname = $(location).attr("pathname");
                                    var page = $('.pagination .active span').text();
                                    url = origin+pathname+'?page='+page;

						getData(url);

						window.history.pushState("", "", url);

                    }

                }

            });

            $(thisTag).removeClass('disabled');

            $('.loadImg').addClass('hidden');

        });

</script>



<script>

$(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);

        });


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

            $("#table-container").empty().html(data);

        });

    }

</script>
<script>
    
$(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/partners/bulk-delete",
                type: "POST",
                dataType: "JSON",
                data: { ids: ids },
                success: function (data) {
                    if (data['status'] == true) {
                        Swal.fire('تم حذف ' + ids.length + ' عنصر بنجاح', '', 'success');
                          var url = $(this).attr('href');

            getData(url);
                    } else {
                        swal({ title: "", text: data["data"], type: "error", confirmButtonText: "حسنا" });
                    }
                }
            });
        }
    });
});
</script>

<script type="text/javascript">

    $(document).ready(function () {

        /*************************************************/
        function clear(){
            $('#addNewpageForm').find(".title_ar").val('');
            $('#addNewpageForm').find(".title_en").val('');
            $('#addNewpageForm').find(".url").val('');
            $('#addNewpageForm').find(".orders").val('');
			$('#addNewpageForm').find(".image").val('');
            $('#addNewpageForm').find('.rowIdUpdate').val(0);
            $('#activeValue').bootstrapSwitch('state', true, true);
            $('.modal-title').html('إضافة شريك');
            $('.img_review img').attr('src','/admin/assets/app/media/no_image.jpg');
        }
        $(document).on('click', '.btnAddCustomer', function () {
            clear();
        });

        /*************************************************/

        $(document).on('click', '.updateDetails', function () {
            clear();
			$('#addNewpageForm').find('.rowIdUpdate').val(0);

            var id = $(this).data('id');

            $('.rowIdUpdate').val(id);

            $.ajax({

                url: "/admin/partners/edit",

                type: "get",

                dataType: "JSON",

                data: {

                    id: id

                },

                success: function(data){

					if(data['status'] == true){
                        console.log(data);
						$(".title_ar").val(data['data']['title_ar']);
                        $(".title_en").val(data['data']['title_en']);
                        $(".orders").val(data['data']['orders']);
                        $(".url").val(data['data']['url']);
						if(data['data']['status'] == 1){
							$('#activeValue').bootstrapSwitch('state', true, true);
						}else{
							$('#activeValue').bootstrapSwitch('state', false, true);
						}
                        if(data['data']['image']){
                            $('.img_review img').attr('src','/uploads/'+data['data']['image']);
                        }

					}

                },

                complete: function () {

                    $('#add_page').modal('show');

                },

                error: function (jqXHR, textStatus, errorThrown) {

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

                }

            });



            $('.modal-title').html('تعديل بيانات');

            $('.btn_save_user').html('تعديل');



        });

        /*************************************************/

        $('.addNewpageForm').on('submit', function(e){

            e.preventDefault();

            $('#loading').show();

			var formData = new FormData(this);



            var id = $(".rowIdUpdate").val();

            if (id == 0) {

                $.ajax({

                    url: "/admin/partners/add",

                    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",

                                showCancelButton: false,

                                confirmButtonColor: "#DD6B55",

                                confirmButtonText: "حسنا",

                                cancelButtonText: "الغاء",

                                closeOnConfirm: true,

                                closeOnCancel: true

                            });

                            $("#add_page").modal("hide");
                            var url = $(this).attr('href');
                            var origin = $(location).attr("origin");
                                    var pathname = $(location).attr("pathname");
                                    var page = $('.pagination .active span').text();
                                    url = origin+pathname+'?page='+page;
                            getData(url);
                            clear();


                        } else {

                            var dt = '<ul>';
                            $.each(data["data_validator"], function (key, value) {
                                dt = dt + '<li>' + value + '</li>';
                            })
                            dt =dt+ '</ul>';
                            swal({
                                title: "",
                                text: data["data"],
                                type: "error",
                                html:dt,
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسناً",
                                cancelButtonText: "إلغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });



                        }

                    }

                });

            } else {

				$.ajaxSetup({

                headers: {

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

					}

				});

                $.ajax({

                    url: "/admin/partners/update",

                    type: "POST",

                    dataType: "JSON",

					cache:false,

					contentType: false,

					processData: false,

                    data: formData,

                    success: function (data) {

                        $('#loading').hide();

                        if (data["status"] == true) {

                            swal({

                                title: "",

                                text: data["data"],

                                type: "success",

                                showCancelButton: false,

                                confirmButtonColor: "#DD6B55",

                                confirmButtonText: "حسنا",

                                cancelButtonText: "الغاء",

                                closeOnConfirm: true,

                                closeOnCancel: true

                            });

                            clear();

                            $("#add_page").modal("hide");

                            var url = $(this).attr('href');
                            var origin = $(location).attr("origin");
                                    var pathname = $(location).attr("pathname");
                                    var page = $('.pagination .active span').text();
                                    url = origin+pathname+'?page='+page;
                            getData(url);

                            // window.history.pushState("", "", url);

                        } else {

                            var dt = '<ul>';
                            $.each(data["data_validator"], function (key, value) {
                                dt = dt + '<li>' + value + '</li>';
                            })
                            dt =dt+ '</ul>';
                            swal({
                                title: "",
                                text: data["data"],
                                type: "error",
                                html:dt,
                                showCancelButton: false,
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "حسناً",
                                cancelButtonText: "إلغاء",
                                closeOnConfirm: true,
                                closeOnCancel: true
                            });



                        }

                    }

                });

            }

//	}

        });

        /****************************************************/

    });



	$(document).on('click','.delete',function(e){

		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/partners/delete",

                type: "post",

                dataType: "JSON",

                data: {

                    id: id

                },

                success: function(data){

					if(data['status'] == true){

						Swal.fire(

						'تم الحذف بنجاح',

						'',

						'success'

						)

						var url = $(this).attr('href');
                        var origin = $(location).attr("origin");
                        var pathname = $(location).attr("pathname");
                        var page = $('.pagination .active span').text();
                        url = origin+pathname+'?page='+page;
						getData(url);

						window.history.pushState("", "", url);

					}else{

						swal({

                                title: "",

                                text: data["data"],

                                type: "error",

                                showCancelButton: false,

                                confirmButtonColor: "#DD6B55",

                                confirmButtonText: "حسنا",

                                cancelButtonText: "الغاء",

                                closeOnConfirm: true,

                                closeOnCancel: true

                            });

					}

                },

            });

				}

			})

	});

</script>

@stop