@extends('layout.default')
@section('content')

@section('page_toolbar')
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addCoupons(null)">
    <i class="fas fa-plus-circle" aria-hidden="true"></i> Add Discount
</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
<meta name="csrf-token" content="{{ csrf_token() }}">
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">

         <!-- filter end -->
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <!-- <th>#</th> -->
                    <th>Discount Name</th>
                    <th>Discount Code</th>
                    <th>No of Users</th>
                    <th>No of Coupon Used</th>
                    <th>Discount</th>
                    <th width="20%">Start date</th>
                    <th width="20%">Expiry date</th>
                    {{-- <th>Users</th> --}}
                    <th width="10%">Status</th>
                    <th>Action</th>

                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
@include('admin.coupon.manage_modal') 
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@push('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
        var table;
        ajaxListing();

    function ajaxListing()
    {
            
        $(function () {

            $('#country').select2({
                placeholder: "All",
                width: '100%',
                allowClear: true
            });  
            
            $('#institution_type').select2({
                placeholder: "All",
                width: '100%',
                allowClear: true
            }); 
        
            //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/coupons/lists') }}',
                    data: search
                },
                columns: [
                    // {data: 'row_id', name: 'row_id'},
                    {data: 'coupon_name', name: 'coupon_name', "width": "20%"},
                    {data: 'coupon_code', name: 'coupon_code'},
                    {data: 'no_of_users', name: 'no_of_users'},
                    {data: 'used_count', name: 'used_count'},
                    {data: 'discount', name: 'discount'},
                    {data: 'start_date', name: 'start_date'},
                    {data: 'expiry_date', name: 'expiry_date'},
                    // {data: 'users', name: 'users'},
                    {data: 'active', name: 'active'},
                    {data: 'action', name: 'action', searchable: false, "width": "50%"}

                ]
            });
            

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

        async function changeStatus()
        {
            const inputOptions = new Promise((resolve) => {
                resolve({ '1': 'Yes', '0': 'No' })
            })

            var sel_ids = [];
            if($('#dataTables [name^="sel_ids"]:checked').length) {
                
                $.each( $('.dataTable [name^="sel_ids"]:checked'), function() {
                    var sThisVal = (this.checked ? sel_ids.push($(this).val()) : "");
                });

                const { value: mode } = await Swal.fire({
                    title: 'Choose Status',
                    input: 'radio',
                    inputOptions: inputOptions,
                        inputValidator: (value) => {
                            if (!value) {
                            return 'Please choose an option'
                            }
                        }
                })

                if (mode) {
                    $.ajax({
                        url: "{{ url('admin/school/update-status') }}" ,  type: 'POST',
                        data: {"sel_ids" : sel_ids, "mode" : mode},
                    }).done(function (data) {
                        if(data.status = "success") {
                            table.ajax.reload();
                        }              
                    });
                }

            }else{
                Swal.fire({icon: 'error',text: 'Please select an Institution!',})
            }

        }
        
        function search(value) {
                value.search_name = $('input[type=search]').val();
                value.country = $("#country").val();
                value.type = $("#institution_type").val();
            }

        function softDelete(b) {
            Swal.fire({
                title: "Are you sure?",
                text: "Coupon 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) {
                            $.ajaxSetup({
                                headers: {
                                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                }
                            });
                            $.ajax({url: "{{ url('admin/coupons') }}/" + b, type: "DELETE", dataType: "html"})
                            .done(function (a) {
                                var data = JSON.parse(a);
                                if(data.flagError){
                                        showAlert(data.message, "error");
                                }else{
                                        // table.ajax.reload(null, false);
                                        showAlert(data.message, "success");
                                        setTimeout(function () {
                                            table.ajax.reload(null, false);
                                        }, 2000);
                                    
                                }   
                            }).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"
                    )
                }
            });
        }
        
        var token = $('meta[name="csrf-token"]').attr('content');

        $(document).on("click",".login_as",function() {
            var user_id = $(this).attr('data-id');
            $.ajax({                        
                type: 'POST',
                url: "{{route('admLoginAs')}}",
                data: {
                    "user":user_id,
                    '_token': token,
                    'type': 'agent',
                },
                success: function(result) { 
                    //console.log(result);                   
                    if(result.status=='success'){
                        // showMessage(result.data,'success');
                        setTimeout(function(){
                            window.location.href="{{ url('school') }}";
                        }, 1000);
                    }else{
                        showAlert(result.data, "error");
                    }
                },error:function(xhr, status, error,response){
                    console.log(xhr.responseText)
                    result = JSON.parse(xhr.responseText); 
                    showMessage("Something went wrong.",'error');
                }
            });
        });
        

     $(document).on('click', '.filterSubmit', function () {
        table.ajax.reload();
     });


     $(document).on('click', '#filterClear', function () {
       
        $("#country").val(null).trigger('change');
        $("#institution_type").val(null).trigger('change');
     
        table.draw();
      });

      function managesubscription(id){
        $("#school_id").val(id);
        $("#moredetails").hide();
        $.ajax({url: "{{ url('admin/school/subscription') }}/", type: "GET", dataType: "html", data: {"school_id":id}})
            .done(function (data) {
                if (data.flagError == true) {
                    showAlert(data.message, "error");
                }
                else {
                    var res = JSON.parse(data);
                    $("#subscriptionsForm school_id").val(id);    
                    if(res.subscription_id != null){
                            $('#subscription option[value='+res.subscription_id+']').attr('selected','selected');  
                        } else{
                            alert(0)
                            $('#subscription option:selected').removeAttr('selected')
                            $('option:selected', this).removeAttr('selected');
                            $('option:selected', this).remove();
                            $('#subscription').attr('selected', '-1'); 
                        } 
                          
                    $("#subscriptionManageModal").modal("show");

                }
                
            }).fail(function () {
                showAlert("Please try again...", "error");
        });

      }

    $("#subscrptionUpdatebtn").click(function(e){
        event.preventDefault();
        var subscription_id = $("#subscription").val();
        if(subscription_id == ''){
            showAlert("Please choose subscription...", "error");
        }else{
            Swal.fire({
                title: "Are you sure?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Update!"
                }).then(function(result) {
                if (result.value) {
                    var school_id       = $("#school_id").val();
                    
                    $.ajax({url: "{{ url('admin/school/subscription') }}/", type: "POST", dataType: "html", 
                                data: {"school_id":school_id , "subscription_id" : subscription_id} })
                        .done(function (data) {
                            if (data.flagError == true) {
                                showAlert(data.message, "error");
                            }
                            else {
                                $("#subscriptionManageModal").modal("hide");
                                showAlert("Subscription plan updated successfully", "success");
                                setTimeout(function () {
                                    table.ajax.reload(null, false);
                                }, 2000);
                            }
                            
                        }).fail(function () {
                            showAlert("Somthing went wrong!", "error");
                    });  
                }
            });
        }
                     
    });

//     function softDelete(b) {
      
//       Swal.fire({
//           title: "Are you sure?",
//           text: "Removed from all assigned users!", 
//           icon: "warning",
//           showCancelButton: true,
//           confirmButtonText: "Yes, delete it!"
//       }).then(function(result) {
//           if (result.value) {

//               $.ajax({url: "{{ url('admin/coupons') }}/" + b, type: "DELETE", dataType: "html"})
//                   .done(function (a) {
//                       var data = JSON.parse(a);
                    
//                      if(data.flagError){
//                           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"
//               )
//           }
//       });
//    }
     
     
    </script>

 @endsection