@extends('admin.layouts.layout')

@section('content')
    <section class="container boxx">
        <section class="wrapper">

            <!-- page start-->

            @if (session()->has('success'))
                <div class="alert alert-success">
                    <p> <i class='fa fa-check-circle'></i> &nbsp; {{ session('success') }}</p>
                </div>
            @endif

            <div class="pt-3 pb-3">
                <a href="{{route('admin.add-plan')}}" class="btn btn-primary"> Add new Plan</a>
            </div>


            <div class="card mb-3">
                <div class="card-header">
                    <i class="fas fa-table"></i>
                    Displaying all Plans
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>name</th>
                                    {{-- <th>Cartegory</th> --}}
                                    <th>min</th>
                                    <th>max</th>
                                    <th>duration</th>
                                    <th>roi</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Id</th>
                                    {{-- <th>Cartegory</th> --}}
                                    <th>name</th>
                                    <th>min</th>
                                    <th>max</th>
                                    <th>duration</th>
                                    <th>roi</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>

                            </tfoot>

                            <tbody>
                                @foreach ($plans as $plan)
                                    <tr class='table-primary' id='this-row'>
                                        <td id='id'>{{$plan->id}}</td>
                                        <td>{{$plan->name}}</td>                                        
                                        <td>{{$plan->min}}</td>
                                        <td>{{$plan->max}}</td>
                                        <td>{{$plan->duration}}</td>
                                        <td>{{$plan->roi}}</td>
                                        <td><a href='{{route('admin.edit-plan', $plan->id)}}' class='btn btn-primary btn-block'>Edit Plan</a></td>
                                        <td>
                                            <form action="{{route('admin.delete-plan', $plan->id)}}" method="POST">
                                                @csrf
                                                <button type='submit' class='btn btn-danger btn-block'> Delete Plan </button>
                                            </form>                                            
                                        </td>
                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card-footer small text-muted">Updated February 14 2026, 2:31pm</div>
            </div><!-- DataTables Example -->


            <!-- page end-->
        </section>
    </section>
@endsection