@extends('backoffice.patient.layout')

@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">{{$pagename ?? ""}}</h4>
        </div>
        <a href="{{route('patient')}}" class="iq-bg-primary btn"> Tableau de bord</a>

    </div>

    <div class="iq-card-body p-0">
        <div class="table-responsive mt-3">
            <table class="table">
                <thead>
                    <tr>
                        <th scope="col">Référence</th>
                        <th scope="col">Montant</th>
                        <th scope="col">Status</th>
                        <th scope="col">Date</th>
                        <th scope="col">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse (myPayments() as $payment)
                    <tr>
                        <th scope="row"> {{ $payment->reference}} </th>
                        <th scope="row"> {{ $payment->amount}} Fcfa </th>
                        <th scope="row"> {{ $payment->status}} </th>
                        <th scope="row"> {{ $payment->created_at->format('d-m-Y')}}
                            {{ $payment->created_at->format('H:m')}}
                        </th>
                        <td style="text-align: center;font-size:20px">
                            <a href="{{  route('patient.orders.show', $payment->patientOrder->reference) }}">
                                <i class="ri-eye-fill"></i> Détails
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7">Aucun paiement trouvé</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        @foreach (packages()->where('type', "patient") as $pack)
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="iq-card">
                <div class="iq-card-body border text-center rounded">
                    <span class="font-size-16 text-uppercase">{{$pack->name}}</span>
                    <h4 class="mb-4 display-6 font-weight-bolder ">{{$pack->price}} Fcfa<small class="font-size-14 text-muted">/
                            Mois</small></h4>
                    <ul class="list-unstyled line-height-4 mb-0">
                        @foreach ($pack->packageFeatureRelations as $item)
                        @if ($item->hasit == "yes")
                        <li class="text-success">{{$item->packageFeature->name}}</li>
                        @else
                        <li class="text-danger"> {{$item->packageFeature->name}}</li>
                        @endif

                        @endforeach
                    </ul>
                    <a href="#" class="btn btn-primary mt-5">Choisir</a>
                </div>
            </div>
        </div>
        @endforeach

    </div>

</div>
@endsection