@extends('layouts.partials.main')
@section('Titre')
Liste des Souscriptions
@endsection
@section('tables')
Subscriptions
@endsection
@section('content-pr')
@if (session()->get('success'))
<div class="alert alert-success">
    {{ session()->get('success') }}
</div><br />
@endif

<div class="content">
    <!-- Dynamic Table Full -->
    <div class="block block-rounded">
        <div class="block-header block-header-default">
            <h3 class="block-title">Table <small>Souscriptions</small></h3>
        </div>
        <div class="block-content block-content-full">
            <div class="block block-rounded">

                <button class="btn btn-success"> <a href="{{ route('SubscriptionPlan.create') }}" style="color: white">Ajouter
                    </a>
                </button>
            </div>
            <!-- DataTables init on table by adding .js-dataTable-full class, functionality is initialized in js/pages/be_tables_datatables.min.js which was auto compiled from _js/pages/be_tables_datatables.js -->
            <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
                <thead>
                    <tr>
                        <th class="text-center" style="width: 80px;">ID</th>
                        {{-- <th>Label </th> --}}
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Utilisateur</th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Plan de souscription</th>

                        {{-- <th style="width: 15%;">Utilisateur</th> --}}
                        <th style="width: 15%;">Date de souscription</th>
                        <th style="width: 15%;">Actions</th>

                    </tr>
                </thead>
                <tbody>
                    @foreach ($allSubs as $sub)
                    {{-- {{dd($sub)}} --}}
                    <tr>
                        <td class="text-center fs-sm">{{ $sub->id }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->user_id }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->subscription_plan_id }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->created_at }}</td>
                        {{-- <td class="d-none d-sm-table-cell fs-sm">
                            {{ $sub->status }}
                        </td> --}}


                        <td>
                            <div class="btn-group">
                                <form action="{{ route('SubscriptionPlan.edit', $sub->id) }}">
                                    <button type="submit" class="btn btn-sm btn-alt-subondary js-bs-tooltip-enabled" data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
                                        <i class="fa fa-fw fa-pencil-alt"></i>
                                    </button>
                                </form>
                                <form action="{{ route('SubscriptionPlan.destroy', $sub) }}">
                                    <button type="submit" class="btn btn-sm btn-alt-subondary js-bs-tooltip-enabled" data-bs-toggle="tooltip" title="" data-bs-original-title="Delete">
                                        <i class="fa fa-fw fa-times"></i>
                                    </button>
                                </form>
                            </div>
                        </td>

                    </tr>
                    @endforeach


                </tbody>
            </table>
        </div>
    </div>
    <!-- END Dynamic Table Full -->

    <!-- Dynamic Table Full Pagination -->

    <!-- END Dynamic Table Full Pagination -->

    <!-- Dynamic Table Simple -->

    <!-- END Dynamic Table Simple -->

    <!-- Dynamic Table with Export Buttons -->



    <!-- Dynamic Table Responsive -->
</div>
@endsection