@extends('layouts.partials.main')
@section('Titre')
Liste des SubscriptionPlan
@endsection
@section('tables')
SubscriptionPlan
@endsection
@section('content-pr')
@if (session()->get('success'))
<div class="alert alert-success">
    {{ session()->get('success') }}
</div><br />
@endif
@if (session()->get('error'))
<div class="alert alert-danger">
    {{ session()->get('error') }}
</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>Plan de souscription</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;">N°</th>
                        <th>Libellé</th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Description</th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Nombre de mois</th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Prix</th>

                        {{-- <th style="width: 15%;">Status</th> --}}
                        {{-- <th style="width: 15%;">Departement</th>--}}
                        <th style="width: 15%;">Actions</th>

                    </tr>
                </thead>
                <tbody>
                                        @foreach ($subs as $sub)
                    {{-- {{dd($sub)}} --}}
                    <tr>
                        <td class="text-center fs-sm">{{ $i }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->label }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->description }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->time }}</td>
                        <td class="fw-semibold fs-sm">{{ $sub->price }}</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.show', $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="Show">
                                        <i class="fa fa-fw fa-eye"></i>
                                    </button>
                                </form>
                                <form action="{{ route('SubscriptionPlan.destroy', $sub->id) }}" method="post">
                                    {{ method_field('DELETE') }}
                                    {{ csrf_field() }}
                                    <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