@extends('user.layouts.user')
@section('title', 'الباقات')
@section('content')
<!-- Start Section -->
<section class="py-5 main-section">
  <div class="container">
    <div class="holder d-flex align-items-center justify-content-between mb-4">
      <h4 class="main-heading mb-0">الباقات</h4>
      <a href="{{ route('profile.edit') }}" class="btn btn-sm px-3 btn-secondary">الحساب الشخصي <i
          class="fa-solid fa-angle-left"></i></a>
    </div>
    <div class="row g-4 row-cols-1 row-cols-md-2 row-cols-xl-4">
      @foreach (\App\Models\Package::all() as $package )
      <div class="col">
        <div class="box-training">
          <div class="img-holder">
            <img src="{{ asset('interface-asset/images/no-image.png') }}" alt="trining image">
          </div>
          <h5 class="name"> {{$package->name}} </h5>
          <div class="d-flex flex-column gap-1 mb-3">
            <p class="cat m-0"> عدد الاعلانات <span class="text-success">{{$package->ads_count}}</span></p>
            <p class="cat m-0"> عدد ارسال ايمل <span class="text-success">{{$package->emails_count}}</span></p>
            <p class="cat m-0"> عدد نشر الوظائف <span class="text-success">{{$package->jobs_count}}</span></p>
          </div>
          <div class="bar-info">
            <p class="price">ر.س {{$package->price}} SAR</p>
          </div>
          <a href="/payment/{{$package->id}}" class="btn btn-success m-3">أشترك في الباقة</a>
        </div>
      </div>
      @endforeach


    </div>
  </div>
</section>
<!-- End Section -->
@endsection