@extends('admin.layout.master_layout')
@section('title')
   {{ __('app.dashboard') }}
@stop
@section('css')
    <style>
        @media (min-width: 992px){
            .modal-lg {
                max-width: 1300px;
            }
        }
    </style>
@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/mailing" class="m-nav__link">
                            <span class="m-nav__link-text">{{ __('app.Mailing_List') }}</span>
                        </a>
                    </li>
                </ul>

                <div class="m-demo__preview  m-demo__preview--btn">

                </div>

            </div>




        </div>

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

            {{-- @can('send_mailing') --}}
                    <div class=" row d-flex align-items-left justify-content-left text-center mt-5 ">
                        <div class="col-md-12">
                            <div class="form-group m-form__group row">
                                {{-- <div class="col-md-6">
                                    <div class="row mt-3" style="text-align: right;">
                                        <div class="col-md-12">
                                            <label>  عنوان النشرة بالعربية <span class="required"></span></label>
                                            <div class="form-valid">
                                                <input type="text" name="name_ar" autocomplete="off" class="form-control name_ar" id="name_ar" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-md-12 mt-3">
                                            <label>  عنوان النشرة بالانجليزية <span class="required"></span></label>
                                            <div class="form-valid">
                                                <input type="text" name="name_en" autocomplete="off" class="form-control name_en" id="name_en" placeholder="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-3" style="text-align: right;">
                                        <div class="col-md-9">
                                            <label> رابط الملف<span class="required"></span></label>
                                            <div class="form-valid">
                                                <input type="url" name="url" autocomplete="off" class="form-control url" id="url" placeholder="الرابط">
                                            </div>
                                        </div>
                                        <div class="col-md-3">

                                            <label> مركز التحميل <span class="required"></span></label>

                                            <div class="input-group">
                                                <div class="input-group-append">
                                                    <span class="input-group-text p-0" style="border-radius: 0.42rem;">
                                                        <label class="kt-checkbox kt-checkbox--single kt-checkbox--primary mb-0">
                                                            <button type="button" class="btn btn-accent show_modal_center"><i class="fa fa-search"></i></button>
                                                            <span></span>
                                                        </label>
                                                    </span>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div> --}}
                                <div class="col-md-6">

                                    <textarea class="form-control response ckeditor" id="response" rows="5" placeholder="نص الرسالة">
                                    </textarea>
                                    <div style="text-align: center; margin: 10px 0px 0px 0px;">
                                        <button type="button" class="btn btn-info  send_mailing_cusotmer">ارسال</button>
                                    </div>




                                </div>
                            </div>
                        </div>
                    </div>
                {{-- @endcan --}}
                <hr>
                <div class="form-group m-form__group row">
                    <div class="col-md-3">
                        <input type="text" name="user_name_seach"  class="form-control user_name_seach" placeholder="{{ __('app.sender_name') }}">
                    </div>
                </div>

            <div class="">

                <div id="table-container">

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

                </div>

            </div>

        </div>



    </div>

</div>


@include('admin.uploads.upload')

@stop


{{-- <div class="modal  fade in" role="dialog" id="message_modal">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <h4 class="modal-title">{{ __('app.Contact_us_messages') }}</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <div class="modal-body message">
            <div class="form-group">
                <input type="text" disabled value="" class="form-control name" id="name">
            </div>
            <div class="form-group">
                <input type="text" disabled value="" class="form-control email">
            </div>
            <div class="form-group">
                <input type="text" disabled value="" class="form-control mobile">
            </div>
            <div class="form-group">
                <textarea disabled   rows="5" class="form-control details"></textarea>
            </div>
      </div>

      <div class="modal-footer">
        <button type="button"  class="btn btn-danger" data-dismiss="modal">{{ __('app.dismiss') }}</button>
      </div>

    </div>
  </div>
</div> --}}

{{-- <div class="modal fade in" role="dialog" id="reply_modal">
  <div class="modal-dialog">
     <form action="" method="post" id="reply_form">
            <div class="modal-content">
            @csrf
            <div class="modal-header">
                <h4 class="modal-title">{{ __('app.Send_a_reply_to') }} <b><span class="sender_name"></span></b></h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body reply">
                    <div class="form-group">
                        <label for="">{{ __('app.Reply') }}</label>
                    </div>
            </div>
            <div class="modal-footer">
                 <button type="submit"  class="btn btn-primary">{{ __('app.send') }}</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">{{ __('app.dismiss') }}</button>
            </div>
            <input type="hidden" class="sender_id" name="sender_id">
            <div id="loading">
                <img id="loading-image" src="/assets/admin/ajax-loader.gif" alt="Loading..."/>
            </div>
            </div>
    </form>
  </div>
</div> --}}


@section('js')
<script type="text/javascript">
/****************************************************************************** */

$('.user_name_seach').on('input',function(e){
    name =  $('.user_name_seach').val();
    var url = $(this).attr('href');
    getData(url,name);
});

/***********************************************************************************************************************/
        $('body').on('click','.UpdateStats',function(){
            $(this).addClass('disabled');
            $('.loadImg').removeClass('hidden');
            $('.loadMSG').html('{{ __('app.updating_status') }}');
            var thisTag = $(this);
            var id = $(this).data('id');
			$.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
            	url: "/admin/events/UpdateStats",
                type: "POST",
                dataType: "JSON",
                data:{id:id},
                success: function(data) {
                    if(data["status"] == true){
						var url = $(this).attr('href');
						getData(url);
                    }
                }
            });
            $(thisTag).removeClass('disabled');
            $('.loadImg').addClass('hidden');
        });
</script>

<script>
$(document).on('click', '.pagination a',function(event)
        {
            event.preventDefault();
            $('li').removeClass('active');
            $(this).parent('li').addClass('active');
            var url = $(this).attr('href');
            getData(url);
        });

    function getData(url,name) {
        $.ajax({
            url : url,
            data:{name:name}
        }).done(function (data) {
            $("#table-container").empty().html(data);
        });
    }
</script>
<script>
    $(document).on('click','.show_message',function(e){
        e.preventDefault();
        var id = $(this).data('id');
        $.ajax({
            	url: "/admin/mailing/view",
                type: "get",
                dataType: "JSON",
                data:{id:id},
                success: function(data) {
                    if(data["status"] == true){
                        $('.name').val(data['data']['name']);
                        $('.email').val(data['data']['email']);
                        $('.mobile').val(data['data']['mobile']);
                        $('.details').val(data['data']['details']);
                        name =  $('.user_name_seach').val();
                        var url = $(this).attr('href');
                        getData(url,name);
                    }
                },
                complete:function(){
                    // $('#message_modal').modal('show');
                }
            });
    });

    $(document).on('click','.send_message',function(e){
        $('.sender_id').val(0);
        e.preventDefault();
        var id = $(this).data('id');
        $('.sender_id').val(id);
        $.ajax({
            	url: "/admin/contact/view",
                type: "get",
                dataType: "JSON",
                data:{id:id},
                success: function(data) {
                    if(data["status"] == true){
                        $('.sender_name').html(data['data']['name']);
                        name =  $('.user_name_seach').val();
                        var url = $(this).attr('href');
                        getData(url,name);
                    }
                },
                complete:function(){
                    $('#reply_modal').modal('show');
                }
            });
    });

    $('#reply_form').on('submit', function(e){
            $('#loading').show();
            e.preventDefault();
			var formData = new FormData(this);
                $.ajax({
                    url: "/admin/contact/reply_view",
                    type: "post",
					cache:false,
					contentType: false,
					processData: false,
                    data: formData,
                    success: function (data) {
                        $('#loading').hide();
                        if (data["status"] == true) {
                                Swal.fire(
                                data['message'],
                                '',
                                'success'
                                )
                                $('#reply_form').find('textarea').val('');
                                $('.sender_id').val(0);
                                var url = $(this).attr('href');
                                getData(url,name);
                                $('#reply_modal').modal('hide');
                        } else {
                            Swal.fire({
                                type: 'error',
                                title: 'عذرا',
                                text: data['message']
                            })
                        }
                    }

                });
            });
</script>
<script>


    $(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/contact/delete",

        type: "post",

        dataType: "JSON",

        data: {

            id: id

        },

        success: function(data){

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

                Swal.fire(

                data["data"],

                '',

                'success'

                )

                var url = $(this).attr('href');

                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>
<script>
     $(document).on('click','.check_main',function(){
        var check = $(this).is(':checked');
        $(".check_sub").prop('checked', check);
    });
</script>
<script>
//   $(document).on('click','.delete',function(e){
$(document).on('click','.send_mailing_cusotmer' ,function () {

    var response = CKEDITOR.instances.response.getData();
    var name_ar =$('.name_ar').val();
    var name_en=$('.name_en').val();
    var url=$('.url').val();
 	if(response != null){
 	    var array = [];
 	    var add_msg = "";
        var add_roll = "";
 		 swal({
            title: "هل أنت متاكد من  إرسال الرسالة",
            text: "",
            allowOutsideClick: true,
            showConfirmButton: true,
            showCancelButton: true,
            confirmButtonClass: 'btn btn-success',
            cancelButtonClass: 'btn btn-danger',
            closeOnConfirm: 'Yes',
            closeOnCancel: 'Yes',
            confirmButtonText: 'نعم',
            cancelButtonText: 'لا',
            }).then(function(e) {
                if(e.value){
                			    var i = 0;
						 $(".check_sub:checked").each(function (){
						        i = i + 1;
						       var id =$(this).attr('data-id');
						        array.push([id]);
                                console.log(array);
						    if(i == 20){
                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });
						         $.ajax({
								   url: "/admin/mailing/send_mailing",
						            type: "POST",
						            dataType: "JSON",
						            data: {array:array,
                                        response:response,
                                        name_ar:name_ar,
                                        name_en:name_en,
                                        url:url},
						            success: function (data) {
						        	if(data.data == 1){
						     				       swal({
										            title: "",
										            text: "تمت عملية التعديل بنجاح",
										            type: "success",
										            showCancelButton: false,
										            confirmButtonColor: "#DD6B55",
										            confirmButtonText: "حسنا",
										            cancelButtonText: "الغاء",
										            closeOnConfirm: true,
										            closeOnCancel: true
										        });
						            	}else{
						            		swal({
										            title: "",
										            text: "حدث خطا لم تتم عملية التعديل",
										            type: "error",
										            showCancelButton: false,
										            confirmButtonColor: "#DD6B55",
										            confirmButtonText: "حسنا",
										            cancelButtonText: "الغاء",
										            closeOnConfirm: true,
										            closeOnCancel: true
										        });
						            }

						            }
						        });
										i = 0;
										array = [];
						       }
						    });

/*********/
							if(array.length > 0){
                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });
								 $.ajax({
                                    url: "/admin/mailing/send_mailing",
						            type: "POST",
						            dataType: "JSON",
						            data: {array:array,
                                        response:response,
                                        name_ar:name_ar,
                                        name_en:name_en,
                                        url:url},
						            success: function (data) {
						            	if(data.data == 1){
						     				       swal({
										            title: "",
										            text: "تمت عملية التعديل بنجاح",
										            type: "success",
										            showCancelButton: false,
										            confirmButtonColor: "#DD6B55",
										            confirmButtonText: "حسنا",
										            cancelButtonText: "الغاء",
										            closeOnConfirm: true,
										            closeOnCancel: true
										        });
						            	}else{
						            		swal({
										            title: "",
										            text: "حدث خطا لم تتم عملية التعديل",
										            type: "error",
										            showCancelButton: false,
										            confirmButtonColor: "#DD6B55",
										            confirmButtonText: "حسنا",
										            cancelButtonText: "الغاء",
										            closeOnConfirm: true,
										            closeOnCancel: true
										        });
						            }

						            }
						        });
								}
		// $(".response").val("");
        // CKEDITOR.instances['response'].setData('');
        $(".check_sub").prop('checked', false);
        $(".check_main").prop('checked', false);
        getData();
                }
            });

 	}
 });
</script>
@stop