@extends('master_layout.app')

@section('content')
    <section id="content" class="content">
        <div class="content__header content__boxed overlapping">
            <div class="content__wrap">


                <!-- Breadcrumb -->
                <!-- <nav aria-label="breadcrumb">
                                  <ol class="breadcrumb">
                                     <li class="breadcrumb-item"><a href="/new_template/admin/index.html">Home</a></li>
                                     <li class="breadcrumb-item"><a href="/new_template/admin/index.html">Forms</a></li>
                                     <li class="breadcrumb-item active" aria-current="page">Wizard</li>
                                  </ol>
                               </nav> -->
                <!-- END : Breadcrumb -->


                <!-- <h1 class="page-title mb-0 mt-2 py-3">Subscription Plan</h1> -->


                <div class="container-fluid">


                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <h4 class="mb-3 fw-semibold">Subscription Plans</h4>

                                <ol class="breadcrumb mb-0">
                                    <!-- <li class="breadcrumb-item"><a href="javascript: void(0);">Property Management</a></li>
                                                <li class="breadcrumb-item active">Property Creation</li> -->

                                    <a href="{{ route('addsubscription') }}" class="btn btn-success mx-2"><i
                                            class="ri-add-circle-fill mx-1"></i> Add
                                        Subscription Plan</a>
                                    {{-- <form class="input-group">
                                    <input class="form-control border-end-0 border" type="text" value="Search"
                                        id="example-search-input">
                                    <span class="input-group-append">
                                        <button
                                            class="btn btn-outline-secondary bg-white border-start-0 border ms-n3 sea-bar"
                                            type="button">
                                            <i class="ri-search-line"></i>
                                        </button>
                                    </span>
                                </form>
                                <form class="input-group select-grp-top">
                                    <span class="input-group-text"><i class="ri-filter-2-fill"></i></span>
                                    <select class="form-select">
                                        <option selected>Sort by</option>
                                        <option value="1">Plan</option>
                                        <option value="2">price</option>
                                       
                                    </select>
                                </form> --}}
                                </ol>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-xl-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row align-items-center justify-content-between">

                                        <div class="col-12">

                                            <table class="table table-hover align-middle price-table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Plan Name</th>
                                                        <th scope="col">Monthly</th>
                                                        <th scope="col">Quarterly</th>
                                                        <th scope="col">Half Yearly</th>
                                                        <th scope="col">Yearly</th>
                                                        <th scope="col">Action</th>

                                                    </tr>
                                                </thead>
                                                <tbody>

                                                    @foreach ($subscription_list as $list)
                                                        <tr>
                                                            <td scope="row">{{ $list->plan_name }}</td>
                                                            <td scope="row">${{ $list->monthly_offer_price }} </td>
                                                            <td scope="row">${{ $list->quaterly_offer_price }} </td>
                                                            <td scope="row">${{ $list->halfyearly_offer_price }} </td>
                                                            <td scope="row">${{ $list->yearly_offer_price }} </td>



                                                            <td>
                                                                <div class="plan-btn d-flex p-0">
                                                                    {{-- <a href="#!" class="btn btn-success mx-2"><i
                                                                    class="ri-eye-fill mx-1"></i>
                                                                View</a> --}}
                                                                    <a href="edit-subscription/{{ $list->id }}"
                                                                        class="btn btn-success mx-2"><i
                                                                            class="ri-edit-fill mx-1"></i>
                                                                        Edit</a>
                                                                    <a href="{{ $list->id }}"
                                                                        class="btn btn-success mx-2" data-bs-toggle="modal"
                                                                        data-bs-target="#delete-subscribe"><i
                                                                            class="ri-delete-bin-fill mx-1"></i>
                                                                        Delete</a>
                                                                </div>
                                                            </td>

                                                        </tr>
                                                    @endforeach

                                                </tbody>
                                            </table>

                                        </div>
                                        <!-- end col -->

                                    </div>
                                    <!-- end row-->
                                </div>
                                <!-- end card body -->
                            </div>
                            <!-- end card -->
                        </div>
                        <!-- end col -->

                    </div>

                    <div class="modal fade" id="delete-subscribe" tabindex="-1" aria-labelledby="exampleModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">

                                <div class="modal-body">
                                    <p class="model-tit text-center">Are you sure you want to delete?</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary">Yes, Delete</button>
                                    <button type="button" class="btn btn-success" data-bs-dismiss="modal">No,
                                        Cancel</button>

                                </div>
                            </div>
                        </div>
                    </div>




                </div>


            </div>



        </div>

        <!-- FOOTER -->



        <!-- END - FOOTER -->


    </section>
@endsection