@extends('layouts.master')

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

@section('content')
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header bg-info">
                    <h4 class="mb-0 text-white">
                        <i class="bx bx-package me-2"></i>{{ $subscriptionPlan->name }}
                    </h4>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <p><strong>Tenant Type:</strong></p>
                            <span class="badge bg-info">{{ $subscriptionPlan->tenant_type }}</span>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Status:</strong></p>
                            <span class="badge {{ $subscriptionPlan->is_active ? 'bg-success' : 'bg-secondary' }}">
                                {{ $subscriptionPlan->is_active ? 'Active' : 'Inactive' }}
                            </span>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <p><strong>Base Price:</strong> ₹{{ number_format($subscriptionPlan->price, 2) }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Duration:</strong> {{ $subscriptionPlan->duration_days }} days</p>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <p><strong>Max Branches:</strong>
                                @if($subscriptionPlan->max_branches)
                                    {{ $subscriptionPlan->max_branches }}
                                @else
                                    <span class="badge bg-success">Unlimited</span>
                                @endif
                            </p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Max Outlets:</strong>
                                @if($subscriptionPlan->max_outlets)
                                    {{ $subscriptionPlan->max_outlets }}
                                @else
                                    <span class="badge bg-success">Unlimited</span>
                                @endif
                            </p>
                        </div>
                    </div>

                    @if($subscriptionPlan->description)
                        <div class="mb-3">
                            <p><strong>Description:</strong></p>
                            <p>{{ $subscriptionPlan->description }}</p>
                        </div>
                    @endif

                    <div class="mb-3">
                        <p><strong>Features:</strong></p>
                        <ul>
                            @foreach($subscriptionPlan->features as $feature)
                                <li>{{ $feature }}</li>
                            @endforeach
                        </ul>
                    </div>

                    <div class="d-flex gap-2">
                        <a href="{{ route('admin.subscription-plans.edit', $subscriptionPlan->id) }}" class="btn btn-primary">
                            <i class="bx bx-edit me-1"></i>Edit
                        </a>
                        <a href="{{ route('admin.subscription-plans.index') }}" class="btn btn-secondary">
                            <i class="bx bx-arrow-back me-1"></i>Back
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card bg-gradient" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
                <div class="card-body">
                    <h5 class="card-title">Price Summary</h5>
                    <div class="mb-3">
                        <p class="mb-1">Base Price</p>
                        <h3>₹{{ number_format($subscriptionPlan->price, 2) }}</h3>
                    </div>
                    <div class="mb-3">
                        <p class="mb-1">GST (18%)</p>
                        <h4>₹{{ number_format($subscriptionPlan->price * 0.18, 2) }}</h4>
                    </div>
                    <hr style="border-color: rgba(255,255,255,0.3);">
                    <div>
                        <p class="mb-1">Total (Monthly)</p>
                        <h3>₹{{ number_format($subscriptionPlan->price + ($subscriptionPlan->price * 0.18), 2) }}</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection