@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>Plan List</h4>
                    <h6>Manage your plans</h6>
                </div>
            </div>
            
            <div class="page-btn" style="border-radius: 20px;">
                <a href="{{ route('plans.create') }}" class="btn btn-added Primary">
                    <i data-feather="plus" class="me-2"></i>Add Plan
                </a>
            </div>
        </div>
        @include('layouts.errors')
        
        <div class="card table-list-card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-input">
                            <a href="javascript:void(0);" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
                        </div>
                    </div>
                </div>
                
                <!-- /Filter -->
                <div class="table-responsive product-list">
                    <table class="table datanew">
                        <thead>
                            <tr>
                                <th class="no-sort">
                                    <label class="checkboxs">
                                        <input type="checkbox" id="select-all">
                                        <span class="checkmarks"></span>
                                    </label>
                                </th>
                                <th>Plan name</th>
                                <th>Type</th>
                                <th>Price</th>
                                <th>Include</th>
                                <th>Plan For</th>
                                <th class="no-sort">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($plans->count() > 0)
                            @foreach($plans as $plan)
                            <tr>
                                <td>
                                    <label class="checkboxs">
                                        <input type="checkbox">
                                        <span class="checkmarks"></span>
                                    </label>
                                </td>
                                <td>
                                    <div class="productimgname">
                                        <a href="javascript:void(0);">{{  $plan->name }}</a>
                                    </div>                                              
                                </td>
                                <td>{{ ucfirst($plan->type) }}</td>
                                
                                <td>{{ number_format($plan->price, 2) }}</td>
                                <td>
                                @if($plan->plan_for == 'client')
                                {{ ($plan->include != 'null') ? $plan->include : '' }}
                                @else
                                {{ $plan->no_of_clients }} Clients
                                @endif
                                </td>
                                <td>{{ ucfirst($plan->plan_for) }}</td>
                                
                                <td class="action-table-data">
                                    <div class="edit-delete-action">
                                        <a class="me-2 edit-icon  p-2" href="{{ route('plans.show', $plan->id) }}">
                                            <i data-feather="eye" class="feather-eye"></i>
                                        </a>
                                        <a class="me-2 p-2" href="{{ route('plans.edit', $plan->id) }}" >
                                            <i data-feather="edit" class="feather-edit"></i>
                                        </a> 

                                        <form action="{{ route('plans.destroy', $plan->id) }}" method="POST" class="deleteBtnForm">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="deleteBtn"
                                            onclick="return confirm('Are you sure you want to delete this plan?');">
                                            <i data-feather="trash-2" class="feather-trash-2" 
                                            style="width: 14px;height: 14px;"></i>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection