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

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

    <x-ui.filters-card id="locations-filter-form">
        <x-form.select class="col-md-3" name="stripe_status" label="Status" :values="config('backend-subscription.stripe_status')" :value="request('stripe_status')"/>
        <x-form.select2 class="col-md-3" name="user_id" label="Company" :values="$users" value="{{request('user_id') }}"/>
        <x-filter.keyword class="col-md-3"/>
    </x-ui.filters-card>

    <x-ui.table-card :items="$items">
        <table class="table table-sm mb-0 ">
            <thead>
            <tr>
                <th>Id</th>
                <th>Package</th>
                <th>Company</th>
                <th>User Email</th>
                <th>Status</th>
                <th>End At</th>
                <th class="th-action">Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($items as $item)
                <tr>
                    <td>{{ $item->id }}</td>
                    <td>{{ $item->plan->name ?? 'N/A' }}</td>
                    <td>{{ $item->user->fname }}</td>
                    <td>{{ $item->user->email }}</td>
                    <td>{!! $item->status() !!}</td>
                    <td>{{ app_date($item->ends_at) }}</td>
                    <td>{{ app_datetime($item->created_at) }}</td>
                    <td>
                        <a class="btn-link text-primary" href="{{ route('backend.subscription.show',['subscription' => $item]) }}">Show</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>

@endsection