@extends('layout.default')

@section('page_toolbar')
  <button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addLetter(null)">
    <i class="fas fa-plus-circle" aria-hidden="true"></i> Add Newsletter
  </button>
  &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

@section('content')
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                   <th>Title</th>
                   <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.newsletter.newsletter_modal')
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="https://cdn.tiny.cloud/1/mkusqx9pnphip6lpkm2qrhpo2xcuvb32rz6203dlysxn93rm/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>

<script>
   var table;
       ajaxListing();
    
  function ajaxListing()
  {
    $(function () {
       //Generate List
       table = $('#dataTables').DataTable({
          
          bSearchable: true,
          pagination: true,
          // pageLength: 10,
          responsive: true,
          searchDelay: 500,
          processing: true,
          serverSide: true,
          "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
          "pageLength": 50,
           ajax: {
               url: '{{ url('admin/newsletters/lists') }}',
               data: search
           },
           columns: [
             {data: 'title', name: 'title'},
             {data: 'action', name: 'action', orderable: !1, searchable: !1}
           ]
       });


       $(".searchs").keyup(function () {
           table.draw();
       });
   });
  }


   function search(value) {
           value.search_name = $('input[name=name]').val();
       }

   function softDelete(b) {
        Swal.fire({
              title: "Are you sure?",
              text: "Newsletter will be deleted from the database.You won't be able to change this!",
              icon: "warning",
              showCancelButton: true,
              confirmButtonText: "Yes. Delete it!",
              confirmButtonColor: '#e85f5d',
        }).then(function(result) {
              if (result.value) {
                  Swal.fire({
                        title: "Are you sure?",
                        text: "You will permanently lose the data - are you 100% sure?",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonText: "Yes. Delete it!",
                        confirmButtonColor: '#e85f5d',
                  }).then(function(result) {
                      if (result.value) {
                          $.ajax({url: "{{ url('admin/newsletters') }}/" + b+"/", type: "DELETE", dataType: "html"})
                          .done(function (a) {
                                var data = JSON.parse(a);
                                if(data.flagError == true){
                                    showAlert(data.message, "error");
                                }else{
                                    showAlert(data.message, "success");
                                    setTimeout(function () {
                                          table.ajax.reload(null, false);
                                      }, 1000);
                                }   
                            }).fail(function () {
                                      showAlert("Somthing went wrong!", "error");
                           });
                      }else if (result.dismiss === "cancel") {
                          Swal.fire(
                              "Cancelled",
                              "",
                              "error"
                          )
                      }
                  });
            }else if (result.dismiss === "cancel") {
                Swal.fire(
                    "Cancelled",
                    "",
                    "error"
                )
            }
       });
    }
   
    function sendMail(newsletterId) {
      $.ajax({
        url: "{{ url('admin/newsletters/send-mail') }}/" + newsletterId , 
        type: "GET", 
        dataType: "html"
      }).done(function (a) {
          var data = JSON.parse(a);
      }).fail(function () {
          showAlert("Please try again...", "error");
      });
    }

  
</script>

@endsection