@extends('layouts.customer')

@section('content')

<div class="container">	

    <div class="row mb-2">
        @if ($message = Session::get('error'))
            <div class="w-100 alert alert-danger">
                <p style="margin:0px;">{{ $message }}</p>
            </div>
        @endif
    </div>

    <div class="row mb-2">
        @if ($message = Session::get('success'))
            <div class="w-100 alert alert-success">
                <p style="margin:0px;">{{ $message }}</p>
            </div>
        @endif
    </div>

    @if($plan)	
        <div class="row mb-4">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="mt-2 mb-4">
                            <h2 class="text-center">
                                {{ $plan->title}}
                            </h2>
                            <h4 class="text-center">
                                ${{$plan->amount}}  / {{ $plan->duration }}
                            </h4>
                            <h6 class="text-center">
                                @if( !$plan->isFree() && $active_subs = $user->subscriptions()?->active()->first() )
                                    {{ 'Plan Start Date:'. $active_subs->created_at->format('dS M Y') }}
                                @endif
                            </h6>

                            <div class="text-center">
                                @if( !$plan->isFree() && ! $user->subscriptions()?->where('stripe_price', $plan->price_id)->first()->cancelled() )
                                    @php
                                        $plan_id = \Illuminate\Support\Facades\Crypt::encrypt( $plan->id );
                                    @endphp
                                    
                                    <a class="btn btn-primary" href="#" onclick="event.preventDefault();document.getElementById('subscriptions-cancel').submit();">
                                        Cancel Plan
                                    </a>
                                    <form id="subscriptions-cancel" action="{{ route('plan.cancel', ['plan' => $plan_id]) }}" method="POST" class="d-none">
                                        @csrf
                                        <input type="hidden" name="account" value="{{ $account }}">
                                    </form>
                                @endif

                                @if( !$plan->isFree() && $user->subscriptions()->where('stripe_price', $plan->price_id)->first()->cancelled() )
                                    <h6 class="mb-2">
                                        @php
                                            $end_at = $user->subscription('main')->ends_at->format('dS M Y');
                                        @endphp
                                        Plan End Date: {{ $end_at }}
                                    </h6>

                                    @php
                                        $plan_id = \Illuminate\Support\Facades\Crypt::encrypt( $plan->id );
                                    @endphp
                                    <a class="btn btn-secondary" href="#" onclick="event.preventDefault();document.getElementById('subscriptions-resume').submit();">
                                        Resume Plan
                                    </a>
                                    <form id="subscriptions-resume" action="{{ route('plan.resume', ['plan' => $plan_id]) }}" method="POST" class="d-none">
                                        @csrf
                                        <input type="hidden" name="account" value="{{ $account }}">
                                    </form>
                                @endif
                            </div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    @endif

    @if(! $plan->isFree())
    <div class="row mb-4">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-header">
                    <h4>Invoices</h4>
                </div>
                <div class="card-body">
                    <div id="DataTables_Table_0_wrapper">
                    <table class="data-table" id="DataTables_Table_0"> <!-- data-table data-table-feature -->
                        <thead>
                            <tr>
                                <th>Sr No</th>
                                <th>Customer Email</th>
                                <th>Payment Status</th>
                                <th>Total Amount</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($invoices)
                                @php $i = 0; @endphp
                                @foreach($invoices as $invoice)
                                    <tr>
                                        <td>{{ ++$i }}</td>
                                        <td>{{ $invoice->customer_email }}</td>
                                        <td>{{ $invoice->status }}</td>
                                        <td>{{ $invoice->total }}</td>
                                        <td>
                                            <div class="dropdown">
                                                <div style="cursor: pointer;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="glyph-icon simple-icon-options-vertical"></div>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                    <a class="dropdown-item pe-3" href="javascript:void(0);">
                                                        Preview
                                                    </a>
                                                </div>
                                            </div>
                                        </td>
                                        
                                        
                                    </tr>
                                @endforeach
                            @else
                                <tr colspans="5">
                                    <p>No records found!</p>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    </div>  
                </div>
            </div>
        </div>
    </div>
    @endif
</div>

@endsection