@inject('baseHelper', 'App\Repositories\BaseRepository')
@extends('admin.layouts.app')
@section('title')
    Subscription
@endsection
@section('contents')
    <div class="col-lg-12 order-lg-last dashboard-content">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">User Subscriptions</div>
                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success alert-intro" role="alert">
                                {{ session('status') }}
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                        @endif
                        @if(session()->get('success'))
                            <div class="alert alert-success">
                                {{ session()->get('success') }}
                            </div>
                        @endif
                        <div class="table-responsive">
                            <table id="example23" class="display nowrap table table-hover table-striped table-bordered" cellspacing="0" width="100%">
                                <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Plan Name</th>
                                    <th scope="col">Stripe Id</th>
                                    <th scope="col">Project</th>
                                    <th scope="col">Client</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Billing</th>
                                    <th scope="col">Cost</th>
                                    <th scope="col">Created</th>
                                    <th scope="col">Next Renewal</th>
                                    <th scope="col">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @php
                                $i = 1;
                                @endphp
                                @foreach($subscriptions as $subscription)
                                    @php
                                        $sub = getStripeSubscriptionByID($subscription->stripe_id);
                                    @endphp
                                    <tr>
                                        <th scope="row">{{ $loop->iteration }}</th>
                                        <td>{{ ucfirst($subscription->name) }}</td>
                                        <td>{{ ucfirst($subscription->stripe_id) }}</td>
                                        <td>{{ $subscription->project->name ?? null }}</td>
                                        <td>{{ $subscription->user->name ?? null }}</td>
                                        <td>{{ $subscription->user->email ?? null }}</td>
                                        <td><span class="badge badge-{{ $sub->status === 'active' ? 'success': 'danger' }}">{{ ucfirst($sub->status) }}</span></td>
                                        <td>{{ $sub->collection_method === 'charge_automatically' ? 'Automatic': 'Manual' }}</td>
                                        <td>${{ number_format($sub->plan->amount/100, 2) . ' ' . ucfirst($sub->plan->interval) }}</td>
                                        <td>
                                            {{ \Carbon\Carbon::createFromTimeStamp($sub->current_period_start)->format('d M Y, h:i a') }}
                                        </td>
                                        <td>
                                            {{ \Carbon\Carbon::createFromTimeStamp($sub->current_period_end)->format('d M Y, h:i a') }}
                                        </td>
                                        <td>
                                            @if($sub->status === 'active')
                                                <form class="cancelForm" data-id="{{ $subscription->stripe_id }}" action="{{ route('admin.subscription.cancel',['stripe_id'=> $subscription->stripe_id]) }}" method="post">
                                                    {{csrf_field()}}
                                                    <button type="submit" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-trash"></i> Cancel</button>
                                                </form>
{{--                                            @else--}}
{{--                                                <form action="{{ route('admin.subscription.resume',['id'=> $subscription->stripe_id]) }}" method="post">--}}
{{--                                                    {{csrf_field()}}--}}
{{--                                                    <button type="submit" class="btn btn-success">Resume</button>--}}
{{--                                                </form>--}}
{{--                                                <span class="text-info">Cancelled</span>--}}
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        $(document).ready(function () {
            $('.cancelForm').on('submit',function(e){
                e.preventDefault();
                e.preventDefault();
                //Disable button click event...
                $('.cancelForm').attr("disabled", true);

                var theForm = $(this);
                var url = theForm.attr('action');
                var id = $(this).data("id");
                var token = $("meta[name='csrf-token']").attr("content");
                swal({
                    title: "Cancel Subscription?",
                    text: "You will not be able to resume this subscription again!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes, cancel it!",
                    closeOnConfirm: false
                }, function (isConfirm) {
                    if (!isConfirm) return;
                    $.ajax({
                        url: url,
                        type: "POST",
                        data: {
                            //"id": id,
                            "_token": token,
                        },
                        dataType: "html",
                        success: function () {
                            //enable button click event...
                            $('.cancelForm').attr("disabled", false);

                            swal({title: "Cancelled!", text: "Subscription has been cancelled successfully!", type: "success"},
                                function(){
                                    location.reload();
                                }
                            );
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            swal("Error cancelling!", "Please try again", "error");
                        }
                    });
                });
            });
        });
    </script>
@endsection