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

@section('title','Payment method')

@section('content')
    <x-subscription-layout nav="true">
        <x-slot:actions>
            @include('subscription::inc.button-back')
        </x-slot:actions>

        <x-subscription-card title="Current payment method">

            @if (isset($paymentMethod->card))
                <table class="table table-striped table-sm">
                    <tr>
                        <td>Brand:</td>
                        <td>{{ $paymentMethod->card->brand ?? '-' }}</td>
                    </tr>
                    <tr>
                        <td>Last Four:</td>
                        <td>**** **** **** {{ $paymentMethod->card->last4 }}</td>
                    </tr>
                    <tr>
                        <td>Expiry:</td>
                        <td>{{ $paymentMethod->card->exp_month }}/{{ $paymentMethod->card->exp_year }}</td>
                    </tr>
                </table>
            @endif

            <x-slot:footer>
                <a class="btn btn-dark btn-sm mx-auto" href="{{ route('subscription.payment-method.create') }}">
                    <i class="fa fa-credit-card"></i> Update payment method
                </a>
            </x-slot:footer>
        </x-subscription-card>

    </x-subscription-layout>
@endsection