@extends('backend::layouts.app')

@section('content')
    <div class="container">
        <x-ui.breadcrumb title="Plan">
            <a class="breadcrumb-item" href="{{ route('backend.plan.index') }}">Plan</a>
            <span>show</span>
        </x-ui.breadcrumb>

        <div class="card">
            <div class="card-body">
                <table class="table table-hover table-sm mb-0 ">
                    <tbody>
                    <tr>
                        <td>Stripe Product Id</td>
                        <td>{{ $plan->stripe_product_id }}</td>
                    </tr>
                    <tr>
                        <td>Name</td>
                        <td>{{ $plan->name }}</td>
                    </tr>
                    <tr>
                        <td>Subtitle</td>
                        <td>{{ $plan->subtitle }}</td>
                    </tr>
                    <tr>
                        <td>Ribbon</td>
                        <td>{{ $plan->label }}</td>
                    </tr>

                    <tr>
                        <td>Button Name</td>
                        <td>{{ $plan->btn_name }}</td>
                    </tr>
                    <tr>
                        <td>Css Id</td>
                        <td>{{ $plan->css_id }}</td>
                    </tr>
                    <tr>
                        <td>Css Class</td>
                        <td>{{ $plan->css_class }}</td>
                    </tr>
                    <tr>
                        <td>Created At</td>
                        <td>{{ app_datetime($plan->created_at) }}</td>
                    </tr>
                    <tr>
                        <td>Updated At</td>
                        <td>{{ app_datetime($plan->updated_at) }}</td>
                    </tr>
                    <tr>
                        <td>Description</td>
                        <td>{{ $plan->description }}</td>
                    </tr>
                    <tr>
                        <td>Options</td>
                        <td>
                            <table class="table table-sm mb-0 ">
                                <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Value</th>
                                </tr>
                                </thead>
                                @foreach($plan->options as $name => $value)
                                    <tr>
                                        <th>{{ $name }}</th>
                                        <th>{{ $value }}</th>
                                    </tr>
                                @endforeach
                            </table>

                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection