@extends('layout.app')
@section('title')
    تفاصيل الاشتراك
@stop
@section('content')
    <div class="content-wrapper">
        <div class="content-body">
            <section class="app-subscription-details">
                <div class="card">
                    <div class="card-header mb-2">
                        <h4 class="card-title">{{ $subscription->name }}</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <img src="{{ asset('website/img/' . $subscription->image) }}" class="img-fluid" alt="Subscription Image">
                            </div>
                            <div class="col-md-8">
                                <h4 class="card-title">{{ $subscription->name }}</h4>
                                <p><strong>المبلغ:</strong> {{ $subscription->price }}</p>
                                <p><strong>المدة:</strong> {{ $subscription->duration }}</p>
                                <p><strong>الوصف:</strong> {!! $subscription->description !!}</p>
                                <p><strong>الخصائص:</strong> {!! $subscription->properties !!}</p>
                                <a href="{{ route('Subscriptions.index') }}" class="btn btn-secondary">العودة</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection