@extends('layouts.app')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2 align-items-center">
                <div class="col-sm-6 d-flex align-items-center">
                    <h1 class="m-0 text-dark font-weight-bold">@lang('models/subscriptions.singular')</h1>
                    
                    <div class="mr-3">
                        @if ($subscription->is_blocked_due_to_balance)
                            <span class="badge badge-danger px-3 py-2 text-md elevation-1"><i class="fas fa-ban mr-1"></i> محظور</span>
                        @elseif ($subscription->is_active == 1)
                            <span class="badge badge-success px-3 py-2 text-md elevation-1"><i class="fas fa-check-circle mr-1"></i> نشط</span>
                        @elseif($subscription->is_active == 0)
                            <span class="badge badge-secondary px-3 py-2 text-md elevation-1"><i class="fas fa-times-circle mr-1"></i> غير نشط</span>
                        @elseif($subscription->is_active == 2)
                            <span class="badge badge-primary px-3 py-2 text-md elevation-1"><i class="fas fa-pause-circle mr-1"></i> غير نشط</span>
                        @endif
                    </div>
                </div>
                <div class="col-sm-6 text-left">
                    <a class="btn btn-outline-secondary font-weight-bold elevation-1"
                       href="{{ route('subscriptions.index') }}">
                         <i class="fas fa-arrow-right ml-1"></i> @lang('رجوع')
                    </a>
                </div>
            </div>
        </div>
    </section>

    <div class="content px-3">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    @include('subscriptions.show_fields')
                </div>
            </div>
        </div>
    </div>
@endsection