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

@section('content')
    <x-ui.breadcrumb title="Plans">
        <span>Plans</span>
    </x-ui.breadcrumb>

    <x-ui.table-card :items="$items">
        <table class="table table-sm mb-0 ">
            <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Stripe Product Id</th>
                <th>Prices</th>
                <th>Created at</th>
                <th class="th-action">Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($items as $item)
                <tr>
                    <td>{{ $item->id }}</td>
                    <td>{{ $item->name }}</td>
                    <td>{{ $item->stripe_product_id }}</td>
                    <td>
                        @foreach($item->prices as $price)
                            <div>
                                {{ $price->name }} <span class="font-lg">{{ $price->amount }}&euro;</span>
                            </div>
                        @endforeach
                    </td>
                    <td>{{ app_date($item->created_at) }}</td>
                    <td class="td-action">
                        <a class="btn-link text-primary" href="{{ route('backend.plan.show',['plan' => $item]) }}">Show</a>
                        <span class="mx-1"></span>
                        <a class="btn-link text-primary" href="{{ route('backend.plan.edit',['plan' => $item]) }}">Edit</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>
@endsection