@extends('dashboard.layouts.master')
@section('title', __("Subscribe Email"))
@section('content')

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/css" />  
<div class="padding website-label">
<div class="success_message" style="margin-bottom: 10px;"></div>
<div id="success_file_popup" style="margin-bottom: 10px;"></div>
<div class="box">

    <div class="box-header dker">
        <h3>Subscribe Email</h3>
        <small>
            <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> /
            <span>Subscribe Email</span>
        </small>
    </div>

    <div class="box-tool">
        <ul class="nav">

            {{-- <li class="nav-item inline">
                <a class="btn btn-fw primary" href="{{route('inquiry.create')}}">
                    <i class="material-icons">&#xe02e;</i>
                    &nbsp; New Subscribe Email
                </a>
            </li> --}}
        </ul>
    </div>
    {{Form::open(['route'=>'subscribeUpdateAll','method'=>'post','id'=>'updateAll'])}}
    <div class="bulk-action">
        <div></div>
        <div>
            <select name="action" id="action" class="form-control c-select w-sm inline v-middle"
            required>
            <option value="no">{{ __('backend.bulkAction') }}</option>
            {{-- <option value="1">{{ __('backend.activeSelected') }}</option>
            <option value="0">{{ __('backend.blockSelected') }}</option> --}}
            <option value="2">{{ __('backend.deleteSelected') }}</option>
        </select>
        <button type="submit" id="submit_all"
        class="btn white">{{ __('backend.apply') }}</button>
    </div>
</div> 
<div class="table-responsive">
    <table class="table table-bordered m-a-0" id="faq">
        <thead class="dker">
            <tr>
                <th  class="width20 dker no-sort">
                    <label class="ui-check m-a-0">
                        <input id="checkAll" type="checkbox"><i></i>
                    </label>
                </th>
                <th>Email</th>
                <th>{{ __('backend.options') }}</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

</div>
<footer class="dker p-a">
    <div class="row">
        <div class="col-sm-3 hidden-xs">
            <!-- .modal -->
            <div id="m-all" class="modal fade" data-backdrop="true">
                <div class="modal-dialog" id="animate">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">{{ __('backend.confirmation') }}</h5>
                        </div>
                        <div class="modal-body text-center p-lg">
                            <p>
                                {{ __('backend.confirmationDeleteMsg') }}
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn dark-white p-x-md"
                            data-dismiss="modal">{{ __('backend.no') }}</button>
                            <button type="submit"
                            class="btn danger p-x-md">{{ __('backend.yes') }}</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div>
            </div>
</div>
<div class="col-sm-6 text-right text-center-xs">

</div>
</div>
</footer>
{{Form::close()}}
</div>
</div>
@endsection
@push("after-scripts")
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
$(function() {
 $.ajaxSetup({
     headers: {
         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
     }
 });
 load_data();
 function load_data() 
 {

  var action_url = "{!!  route('subscribe.anyData') !!} ";

  $('#faq').DataTable({
    stateSave: true,
    processing: true,
    serverSide: true,
    responsive: true,
    ordering: true,
    columnDefs: [{
     'bSortable': false,
     'aTargets': [0,2]
 }],
    ajax: {
     url : action_url,
     type: 'POST',
     data:{

     }
 },
 columns: [
 {
     data: 'checkbox',
     orderable: false,
     searchable: false

 },
 {
     data: 'email',
     name: 'email',

 },
 {
     data: 'options',
     orderable: false,
     searchable: false
 }
 ],
 order: ['0', 'DESC']
});
}

});

$("#checkAll").click(function () {
    $('input:checkbox').not(this).prop('checked', this.checked);
});
$("#action").change(function () {
    if (this.value == "delete") {
        $("#submit_all").css("display", "none");
        $("#submit_show_msg").css("display", "inline-block");
    } else {
        $("#submit_all").css("display", "inline-block");
        $("#submit_show_msg").css("display", "none");
    }
});
$( document ).ready(function() {
    if($('.no-sort').hasClass('sorting_disabled')){
        $('.no-sort').removeClass('sorting_asc')
    }
});

$("#submit_show_msg").click(function () {
    var numberOfChecked = $('input:checkbox:checked').length;
    if(numberOfChecked == ''){
        alert("Please select row.");
        return false;
    } 
});
$("#checkAll").click(function () {
    $('input:checkbox').not(this).prop('checked', this.checked);
});
$(document).on('submit', '#updateAll', function(e) {
    e.preventDefault();
    var allVals = [];  
    var check = false;

    var select_row = "{{ __('backend.select_row') }}";
    var select_status = "{{ __('backend.select_status') }}";

    var type = $(document).find('#action').val();
    if(type == 'no')
    {
        $(document).find('#alert_confirm').modal('show'); 
        $(document).find('#alert_confirm').find('.alert_dynamic_message').text(select_status); 

    }
    else
    {
     $(".has-value:checked").each(function() { 
        var idvalue = $(this).attr('data-id');
        if (typeof idvalue === "undefined") {

        }
        else
        {
            allVals.push(idvalue);
        }
    });  

     if(allVals.length <=0)  
     {  
         $(document).find('#alert_confirm').modal('show'); 
         $(document).find('#alert_confirm').find('.alert_dynamic_message').text(select_row); 
     }  
     else 
     {  
         var msg = "";
         if(type == 0)
         {
             msg = "Are you sure you want to deactive this Subscribe Email?";
         }
         else if(type == 1)
         {
             msg = "Are you sure you want to active this Subscribe Email?";
         }
         else
         {
             msg = "Are you sure you want to delete this Subscribe Email?";
         }

         $(document).find('#default_confirm').modal('show');
         $(document).find('#default_confirm').find('.dynamic_message').text(msg);
         var join_selected_values = allVals.join(","); 
         $(document).find('#default_confirm').find('.checkbox_data').val(join_selected_values);
         $(document).find('#default_confirm').find('.checkbox_type').val(type);

     }

 }  
});
$(document).on('click', '.delete-school', function(e) {
    e.preventDefault();
    var package_id = $(this).attr('data-id');
    var allVals = [];
    allVals.push(package_id);
    var type = 2;
    var msg = "Are you sure you want to delete?";

    $(document).find('#default_confirm').modal('show');
    $(document).find('#default_confirm').find('.dynamic_message').text(msg);
    var join_selected_values = allVals.join(","); 
    $(document).find('#default_confirm').find('.checkbox_data').val(join_selected_values);
    $(document).find('#default_confirm').find('.checkbox_type').val(type);
});

$(document).on('click','.yes_click',function(e)
{
 var  join_selected_values = $(document).find('#default_confirm').find('.checkbox_data').val();
 var  type = $(document).find('#default_confirm').find('.checkbox_type').val();
 var csrf = "{{csrf_token()}}";
 ajaxUpdateAll(csrf,join_selected_values,type,action);
 $("#default_confirm").modal('hide');
});

function ajaxUpdateAll(csrf,join_selected_values,type)
{
    $.ajax({
     url: "{{ route('subscribeUpdateAll')}}",
     type: 'POST',
     headers: {'X-CSRF-TOKEN':  csrf },                        
     data: 'ids='+join_selected_values+'&status='+type,
     success: function (data) {

         if (data.success == true) {
             $('#success_file_popup').append( messages('alert-success', data.msg));
             setTimeout(function() {
                 $('#success_file_popup').empty();
             }, 5000);


             $(document).find('#default_confirm').modal('hide');
             var tabe = $('#faq').DataTable();
             $(document).find('#action').prop('selectedIndex',0);
             tabe.ajax.reload(null, false);
             $("#checkAll").prop('checked', false);

         } else {
             $('#success_file_popup').append( messages('alert-danger', data.error));

             setTimeout(function() {
                 $('#success_file_popup').empty();
             }, 5000);
         }
     },
     error: function (data) {
         alert(data.responseText);
     }
 });
}
$("#action").change(function () {
    if (this.value == "delete") {
        $("#submit_all").css("display", "none");
        $("#submit_show_msg").css("display", "inline-block");
    } else {
        $("#submit_all").css("display", "inline-block");
        $("#submit_show_msg").css("display", "none");
    }
});
function messages(classname, msg)
{
 return '<div class="alert '+classname+' m-b-0"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>'  + msg +'</div>';
}

</script>
@endpush