@extends('layouts.app')
@section('title','Hosting Pricing - X Hosting BD')
@section('content')
<div class="page-hero">
  <div class="container">
    <h1>Hosting Plans & Pricing</h1>
    <p>Affordable, feature-rich hosting for every website. All plans include Free SSL & 24/7 support.</p>
    <div class="breadcrumb"><a href="/">Home</a> <i class="fas fa-chevron-right" style="font-size:11px"></i> Pricing</div>
  </div>
</div>
<section class="pricing-section section-pad">
  <div class="container">
    @foreach($categories as $category)
    @if($category->packages->count())
    <div class="pkg-category" data-aos="fade-up">
      <h3 class="pkg-cat-title"><i class="fas {{ $category->icon??'fa-server' }}"></i> {{ $category->name }}</h3>
      <div class="packages-grid">
        @foreach($category->packages as $pkg)
        <div class="package-card {{ $pkg->is_popular?'popular':'' }}">
          @if($pkg->is_popular)<div class="popular-badge"><i class="fas fa-star"></i> Most Popular</div>@endif
          <div class="pkg-header"><h4>{{ $pkg->name }}</h4><p>{{ $pkg->description }}</p></div>
          <div class="pkg-price">
            @if($pkg->original_price)<span class="original-price">৳{{ number_format($pkg->original_price,0) }}</span>@endif
            <span class="price">৳{{ number_format($pkg->price,0) }}</span><span class="cycle">/{{ $pkg->billing_cycle }}</span>
          </div>
          <ul class="pkg-features">
            @foreach($pkg->features as $feat)
            <li class="{{ $feat->is_included?'included':'excluded' }}"><i class="fas {{ $feat->is_included?'fa-check':'fa-times' }}"></i> {{ $feat->feature }}</li>
            @endforeach
          </ul>
          <a href="{{ $pkg->whmcs_link??($settings['whmcs_url']??'#') }}" class="btn {{ $pkg->is_popular?'btn-primary':'btn-outline' }} btn-block" target="_self"><i class="fas fa-shopping-cart"></i> Order Now</a>
        </div>
        @endforeach
      </div>
    </div>
    @endif
    @endforeach
  </div>
</section>
@endsection