@extends('layouts.master')

@section('title')
    @lang('translation.Subscription_Plans')
@endsection

@section('css')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
    <style>
        .badge-active { background-color: #28a745; }
        .badge-inactive { background-color: #6c757d; }
        .plan-card { transition: all 0.3s ease; }
        .plan-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
    </style>
@endsection

@section('content')
    <div class="bg-white px-4">
        <div class="table-responsive bg-white">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h4 class="py-3 pt-4 mb-0">
                    <i class="bx bx-list-check me-2"></i>@lang('translation.Subscription_Plans')
                </h4>
                {{-- <a href="{{ route('admin.subscription-plans.create') }}" class="btn btn-outline-info px-4">
                    <i class="bx bx-plus me-1"></i>@lang('translation.Add_Plan')
                </a> --}}
            </div>

            {{-- Success Message --}}
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            {{-- Error Message --}}
            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-alert-outline me-2"></i>
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <table class="table table-bordered table-hover yajra-datatable">
                <thead class="table-light">
                    <tr>
                        <th>@lang('translation.No')</th>
                        <th>@lang('translation.Plan_Name')</th>
                        <th>@lang('translation.Tenant_Type')</th>
                        <th>@lang('translation.Price')</th>
                        <th>@lang('translation.tax')</th>
                        <th>@lang('translation.Duration')</th>
                        <th>@lang('translation.Branches')</th>
                        <th>@lang('translation.Outlets')</th>
                        <th>@lang('translation.Status')</th>
                        <th>@lang('translation.Action')</th>
                    </tr>
                </thead>
                <tbody>
                    
                    @foreach ($plans as $key => $plan)
                        <tr>
                            <td>{{ $key + 1 }}</td>
                            <td>
                                <strong>{{ $plan->name }}</strong>
                                @if($plan->description)
                                    <br><small class="text-muted">{{ Str::limit($plan->description, 50) }}</small>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-info">{{ $plan->tenant_type }}</span>
                            </td>
                            <td>
                                <strong>₹{{ number_format($plan->price, 2) }}</strong>
                                <br>
                                <small class="text-muted">
                                    + ₹{{ number_format($plan->price * ($plan->tax/100), 2) }} (GST)
                                </small>
                            </td>
                            <td>{{ $plan->tax }} </td>
                            <td>{{ $plan->duration_days }} days</td>
                            <td>
                                @if($plan->max_branches)
                                    <span class="badge bg-primary">{{ $plan->max_branches }}</span>
                                @else
                                    <span class="badge bg-success">Unlimited</span>
                                @endif
                            </td>
                            <td>
                                @if($plan->max_outlets)
                                    <span class="badge bg-primary">{{ $plan->max_outlets }}</span>
                                @else
                                    <span class="badge bg-success">Unlimited</span>
                                @endif
                            </td>
                            <td>
                                <form action="{{ route('admin.subscription-plans.toggle-status', $plan->id) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-sm {{ $plan->is_active ? 'btn-success' : 'btn-secondary' }} border-0">
                                        {{ $plan->is_active ? 'Active' : 'Inactive' }}
                                    </button>
                                </form>
                            </td>
                            <td class='d-flex gap-2'>
                                <a href="{{ route('admin.subscription-plans.show', $plan->id) }}" class="btn btn-sm btn-info text-white">
                                    <i class="far fa-eye"></i>
                                </a>
                                <a href="{{ route('admin.subscription-plans.edit', $plan->id) }}" class="btn btn-sm btn-primary text-white">
                                    <i class="far fa-edit"></i>
                                </a>
                                <form action="{{ route('admin.subscription-plans.destroy', $plan->id) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger text-white" onclick="return confirm('Are you sure?')">
                                        <i class="far fa-trash-alt"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            @if($plans->isEmpty())
                <div class="alert alert-info mt-3">
                    <i class="bx bx-info-circle me-2"></i>
                    No subscription plans found. <a href="{{ route('admin.subscription-plans.create') }}">Create one now</a>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap5.min.js"></script>

    <script>
        $(document).ready(function() {
            $('.yajra-datatable').DataTable({
                "order": [[0, "asc"]],
                "pageLength": 10
            });
        });
    </script>
@endsection