@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{$title ?? '' }}</h3>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">{{$title ?? '' }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body table-responsive p-0">
                    <table class="table table-hover text-nowrap text-center">
                        <thead>
                            <tr>
                                <th>{{ __('users.name') }}</th>
                                <th>{{ __('programs.program') }}</th>
                                <th>{{ __('general.status') }}</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($couponSubscriptions as $subscription)
                                <tr>
                                    <td>{{ $subscription->user->name ?? "" }}</td>
                                    <td>
                                        {{-- $subscription->program->currentDescription->title --}}
                                        {{ implode(' - ', $subscription->programs_names) }}
                                    </td>
                                    <td><span class="tag tag-success">{{ __("general.{$subscription->status}") }}</span></td>
                                    <td>
                                        <a href="{{ route ('subscriptions.edit', $subscription->id) }}" class="icon" title="{{ __('coupons.subscription_details') }}">
                                            <img src="{{ asset('assets/admin/images/icons/draw.svg') }}" alt="{{ __('coupons.subscription_details') }}">
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    <div class="text-center my-5 col-12">
                        <a href="{{ route('coupons.index') }}" class="butn"><span>{{ __('coupons.head') }}</span></a>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
    </div>
@endsection