@extends('admin.admin')
@section('content')
    <main id="main" class="main">

        <div class="pagetitle">
            <h1>Plans List</h1>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                    <li class="breadcrumb-item active">Plans List</li>
                </ol>
            </nav>
        </div><!-- End Page Title -->
        <section class="container card">
            <div class="card-body">

                <div class="row">

                    <div class="mt-5">
                        <div class="card-body ">
                            <h5 class="card-title">Plans List Table</h5>

                            <!-- Default Table -->
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Name </th>
                                        <th scope="col">Price</th>
                                        <th scope="col">Payrpo ID</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Created At</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($plans as $key => $plan)
                                        <tr>
                                            <th scope="row">{{ $key + 1 }}</th>
                                            <td>{{ $plan['name'] }} <span style="color: gray">({{ ucwords($plan->type) }})</span></td>
                                            <td>{{ $plan['price'] }}</td>
                                            <td>{{ $plan['paypro_id'] }}</td>
                                            <td>{{ $plan['is_active'] }}</td>
                                            <td>{{ $plan['created_at'] }}</td>
                                            <td>
                                                <div style="display: flex; gap: 10px; align-items: center">
                                                    <a href="{{ route('plans.edit', $plan['id']) }}"
                                                        class="btn btn-sm btn-primary">Edit</a>
                                                    <form action="{{ route('plans.destroy', $plan['id']) }}" method="post">
                                                        @csrf
                                                        <button class="btn btn-sm btn-danger">Delete</button>
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <!-- End Default Table Example -->
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </main>
@endsection