@extends('account::layouts.account')

@section('title','Subscription')
@section('subtitle',"Member since {$details['subscribe_on']}")

@section('content')
    <x-subscription-layout :nav="true">

        @subscribed_canceled
        <x-subscription-alert class="d-flex justify-content-between align-items-center">
            <span>This subscription is scheduled to be canceled on <b>{{ $details['ends_at'] }}</b></span>
            <a href="{{ route('subscription.reactivate.index') }}" class="btn btn-sm btn-dark">Don't cancel</a>
        </x-subscription-alert>
        @end_subscribed_canceled

        <x-subscription-card title="Current subscription">
            <table class="table table-borderless table-striped table-striped-columns table-sm">
                <tbody>
                <tr>
                    <td class="text-dark">Status</td>
                    <td><b class="{{ $details['status_class'] }}">{{ ucfirst($details['status']) }}</b></td>
                </tr>
                <tr>
                    <td class="text-dark">Plan</td>
                    <td>{{ str($plan->name)->lower()->ucfirst()->toString() }}</td>
                </tr>
                <tr>
                    <td class="text-dark">Subscribed at</td>
                    <td>{{ $details['subscribe_on'] }}</td>
                </tr>
                <tr>
                    <td class="text-dark">Period</td>
                    <td>{{ $details['current_period_start'] }} - {{ $details['current_period_end'] }}</td>
                </tr>
                <tr>
                    <td class="text-dark">Billing cycle</td>
                    <td>Every <b>{{ $details['interval'] }}</b></td>
                </tr>
                @if ($details['next_billing_date'])
                    <tr>
                        <td class="text-dark">Next billing date</td>
                        <td>{{ $details['next_billing_date'] }}</td>
                    </tr>
                @endif
                @if ($details['canceled_at'])
                    <tr>
                        <td class="text-dark">Canceled at</td>
                        <td>{{ $details['canceled_at'] }}</td>
                    </tr>
                @endif
                @if ($details['ends_at'])
                    <tr>
                        <td class="text-dark">Ends at</td>
                        <td>{{ $details['ends_at'] }}</td>
                    </tr>
                @endif
                <tr>
                    <td class="text-dark">Amount</td>
                    <td>{{ $details['amount'] }} &euro;</td>
                </tr>
                <tr>
                    <td class="text-dark">Payment method</td>
                    <td>Credit Card</td>
                </tr>
                </tbody>
            </table>
        </x-subscription-card>

    </x-subscription-layout>
@endsection