@extends('layouts.master')
@section('content')
    <div class="row">
        <div class="col-md-12 p-3">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    Subscribed Clients
                </div>

                <div class="card-body">
                    <table class="table w-100" id="subscribers_table">
                        <thead class="bg-gradient-primary">
                            <th>S/N</th>
                            <th>Email Address</th>
                            <th>Joined Date</th>
                            <th>Status</th>
                            <th>Action</th>     
                        </thead>

                        <tbody>
                            @foreach ($subscribers as $item)
                                <tr>
                                    <td>{{$loop->index+1}}</td>
                                    <td>{{$item->email}}</td>
                                    <td>{{Carbon\Carbon::parse($item->created_at)->format('d-m-Y H:i:s')}}</td>
                                    <td>{{$item->status}}</td>
                                    <td>
                                        @if($item->status == "unchecked" || $item->status == "blocked")
                                            <button class="approve btn btn-sm bg-gradient-primary" id="{{$item->id}}"><i class="fas fa-fw fa-check-circle"></i></button>&nbsp;&nbsp;
                                        @else
                                            <button class="disabled btn btn-sm bg-gradient-primary" id="{{$item->id}}"><i class="fas fa-fw fa-check-circle"></i></button>&nbsp;&nbsp;
                                        @endif

                                        @if($item->status == "active")
                                            <button class="block btn btn-sm bg-gradient-warning" id="{{$item->id}}"><i class="fas fa-fw fa-ban"></i></button>&nbsp;&nbsp;
                                        @else
                                            <button class="disabled btn btn-sm bg-gradient-warning" id="{{$item->id}}"><i class="fas fa-fw fa-ban"></i></button>&nbsp;&nbsp;
                                        @endif
                                        <button class="delete btn btn-sm bg-gradient-danger" id="{{$item->id}}"><i class="fas fa-fw fa-trash"></i></button>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                   
                </div>
            </div>
        </div>
    </div>

    <script>
        $("document").ready(function(){
            //datatables
            $('#subscribers_table').DataTable({
                responsive:true,
                processing:true,
                serverSide:false,
                stateSave: true,

                order: [
                    [0,'asc'],
                ],
            })

            //approve
            $(document).on('click', '.approve', function (event) {
                event.preventDefault();
                var approve_id = $(this).attr('id');

                Swal.fire({
                    title: "Are you sure?",
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, approve it!',
                    cancelButtonText: "No, Don't"

                }).then((approve) => {
                    if (approve.value) {

                        $.ajax({
                            url: "/subscribed/approve/" + approve_id,
                            success: function (data) {

                                //alerting
                                if(data.success){
                                        var result = data.success;
                                        Swal.fire({
                                        title: 'Approved!',
                                        text: result,
                                        icon: 'success',
                                        showCancelButton: false,
                                        showConfirmButton: false,
                                        timer: 2000,
                                    });

                                     //refreshing page
                                    setTimeout(function () {
                                        window.location = "{{url('subscribed')}}";
                                    }, 2000);
                                }

                                if(data.errors){
                                    var result = data.success;
                                        Swal.fire({
                                        title: 'Info!',
                                        text: result,
                                        icon: 'warning',
                                        showCancelButton: false,
                                        showConfirmButton: false,
                                        timer: 2000,
                                    }); 
                                }
    
                            }

                        });

                    } else if (result.dismiss === Swal.DismissReason.cancel) {
                        Swal.fire({
                            title: 'Information!',
                            text: 'Email is not Approved.',
                            type: 'info',
                            icon: 'info',
                            timer: 2000,
                            showCancelButton: false,
                            showConfirmButton: false,
                        })
                    }
                })

            });

            //deletion
            $(document).on('click', '.delete', function (event) {
                event.preventDefault();
                var delete_id = $(this).attr('id');

                Swal.fire({
                    title: "Are you sure?",
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'No, keep it'

                }).then((result) => {
                    if (result.value) {

                        $.ajax({
                            url: "/subscribed/destroy/" + delete_id,
                            success: function (data) {

                                if(data.success){
                                     //alerting
                                     var result =data.success;
                                    Swal.fire({
                                        title: 'Deleted!',
                                        text: result,
                                        icon: 'success',
                                        showCancelButton: false,
                                        showConfirmButton: false,
                                        timer: 2000,
                                    });

                                     //refreshing page
                                    setTimeout(function () {
                                        window.location = "{{url('subscribed')}}";
                                    }, 2000);
                                }

                                if(data.errors){

                                    var result = data.errors;
                                    Swal.fire({
                                        title: 'Notification!',
                                        text: result,
                                        icon: 'warning',
                                        showCancelButton: false,
                                        showConfirmButton: false,
                                        timer: 2000,
                                    });
                                }
                            }

                        });

                    } else if (result.dismiss === Swal.DismissReason.cancel) {
                        Swal.fire({
                            title: 'Information!',
                            text: 'User Data is Safe.',
                            icon: 'info',
                            timer: 2000,
                            showCancelButton: false,
                            showConfirmButton: false,
                        })
                    }
                })

            });

            //blocking
            $(document).on('click', '.block', function (event) {
                event.preventDefault();
                var block_id = $(this).attr('id');

                Swal.fire({
                    title: "Are you sure?",
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, Block Email!',
                    cancelButtonText: 'No, keep it'

                }).then((block) => {
                    if (block.value) {

                        $.ajax({
                            url: "/subscribed/block/" + block_id,
                            success: function (data) {

                                if(data.success){
                                     //alerting
                                     var result =data.success;
                                    Swal.fire({
                                        title: 'blocked!',
                                        text: result,
                                        icon: 'success',
                                        showCancelButton: false,
                                        showConfirmButton: false,
                                        timer: 2000,
                                    });

                                     //refreshing page
                                    setTimeout(function () {
                                        window.location = "{{url('subscribed')}}";
                                    }, 2000);
                                }

                                if(data.errors){

                                    var result = data.errors;
                                    Swal.fire({
                                        title: 'Notification!',
                                        text: result,
                                        icon: 'warning',
                                        showCancelButton: false,
                                        showConfirmButton: false,
                                        timer: 2000,
                                    });
                                }
                            }

                        });

                    } else if (result.dismiss === Swal.DismissReason.cancel) {
                        Swal.fire({
                            title: 'Information!',
                            text: 'User Data is Safe.',
                            type: 'info',
                            icon: 'info',
                            timer: 2000,
                            showCancelButton: false,
                            showConfirmButton: false,
                        })
                    }
                })

            });
        })
    </script>
@endsection