@extends('backoffice.doctor.layout')

@section('styles')
    <style>
        .package-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, 350px);
            gap: 20px
        }
    </style>
@endsection

@section('content')
    <div class="iq-card px-4 py-2">
        <div class="iq-card-header d-flex justify-content-between p-0 bg-white">
            <div class="iq-header-title">
                <h4 class="card-title text-primary">Liste des abonnements</h4>
            </div>
        </div>
        <div class="iq-card-body p-0">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">N°</th>
                            <th scope="col">Libellé</th>
                            <th scope="col">Montant</th>
                            <th scope="col">Type</th>
                            <th scope="col">Status</th>
                            <th scope="col">Date</th>
                            <th scope="col">Expiration</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($packagePayments as $packagePayment)
                        <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>{{ $packagePayment->package->name ?? '-' }}</td>
                                <td>{{ $packagePayment->amount ?? '-' }} XOF</td>
                                <td>{{ $packagePayment->package->type ?? '-' }}</td>
                                @switch($packagePayment->status)
                                    @case(\App\Enums\OrderStatus::COMPLETED->value)
                                    @case(App\Enums\OrderStatus::PAID->value)
                                    <td><span class="badge badge-success">{{ $packagePayment->status ?? '' }}</span></td>
                                    @break
                                    @case(App\Enums\OrderStatus::CANCELLED->value)
                                    <td><span class="badge badge-danger">{{ $packagePayment->status ?? '' }}</span></td>
                                    @break
                                    @case(App\Enums\OrderStatus::PENDING->value)
                                    <td><span class="badge badge-warning">{{ $packagePayment->status ?? '' }}</span></td>
                                    @break
                                    @default
                                    <td><span class="badge badge-secondary">{{ $packagePayment->status ?? '' }}</span></td>
                                @endswitch
                                <td>{{ $packagePayment->created_at->format('d/m/Y H:i:s') }}</td>
                                <td>{{ $packagePayment->subscription->expiration->format('d/m/Y') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center">Aucun abonnements</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                </div>
        </div>
    </div>

    <div class="package-container">
        @foreach ($packages as $package)
            <div class="package">
                <div class="iq-card">
                    <div class="iq-card-body border text-center rounded">
                        <span class="font-size-16 text-uppercase">{{ $package->name ?? '-' }}</span>
                        <h2 class="mb-4 display-5 font-weight-bolder ">{{ $package->price ?? '-' }} XOF<small class="font-size-14 text-muted">/ Mois</small></h2>
                        <ul class="list-unstyled line-height-4 mb-0">
                            @foreach ($package->packageFeatures as $feature)
                                <li>
                                    @if ($feature->pivot->hasit === 'yes')
                                        <i class="fa fa-check text-success"></i>
                                    @else
                                        <i class="fa fa-times text-danger"></i>
                                    @endif
                                    {{ $feature->name ?? '-' }}
                                </li>
                            @endforeach
                        </ul>
                        <form action="#" method="post" class="d-flex mt-5">
                            <select class="form-control mr-4" name="nb_of_month" required id="nb_of_month" placeholder="Nb mois">
                                @for ($i = 1; $i <= 12; $i++)
                                    <option value="{{ $i }}">{{ $i }} mois</option>
                                @endfor
                            </select>
                            <button type="submit" class="btn btn-block btn-primary">Choisir</button>
                        </form>

                    </div>
                </div>
            </div>
        @endforeach
    </div>
 @endsection