<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
			{ADMIN_BREADCRUMBS}
            <div class="card shadow">
                <!-- Card Header -->
                <div class="card-header text-center bg-dark text-white">
                    <h3 class="card-title mb-0">{name}</h3>
                </div>

                <!-- Card Body -->
                <div class="card-body">
                    <div class="row align-items-center">
                        <!-- Details -->
                        <table class="table table-borderless">
                            <tbody>
                                <tr>
                                    <th scope="row" class="col-3">User</th>
                                    <td>{name}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Status</th>
                                    <td>{status}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Billing Frequency</th>
                                    <td>{billing_frequency}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Started:</th>
                                    <td>{DTC}{current_period_end}{/DTC}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Ended:</th>
                                    <td>{DTC}{current_period_start}{/DTC}</td>
                                </tr>
                                <tr>
                                    <th scope="row">Stripe Customer</th>
                                    <td class="input-group mb-3">
                                        <input type="text" value="{stripe_customer}" name="input" class="form-control" id="stripeCustomer{ID}">
                                        <button class="btn btn-secondary" onclick="copyElementText('stripeCustomer{ID}')">Copy</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row">Stripe Subscription</th>
                                    <td class="input-group mb-3">
                                        <input type="text" value="{stripe_subscription}" name="input" class="form-control" id="stripeSubscription{ID}">
                                        <button class="btn btn-secondary" onclick="copyElementText('stripeSubscription{ID}')">Copy</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row">Stripe Subscription Price</th>
                                    <td class="input-group mb-3">
                                        <input type="text" value="{subscription_price_id}" name="input" class="form-control" id="stripeSubscriptionPrice{ID}">
                                        <button class="btn btn-secondary" onclick="copyElementText('stripeSubscriptionPrice{ID}')">Copy</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Admin Controls -->
                <div class="card-footer text-center">
					{ADMIN}
					<form action="{ROOT_URL}admin/feedback/delete" method="post">
						<input type="hidden" name="F_" value="{ID}">
						<input type="hidden" name="token" value="{TOKEN}">
						<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></button>
					</form>
					{/ADMIN}
                </div>
            </div>
        </div>
    </div>
</div>