Anons79 Mini Shell

@extends('app')
@push('styles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
@endpush
@push('scripts')
    {{-- script --}}
    @include('Component.sweetalert')
    <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
    @include('Langganan.script')
@endpush
@section('content')
    <div class="page-heading">
        <h3>Pilih Paket Aplikasi</h3>
    </div>

    <div class="page-content " style="height: 100vh;">
        @can('userPOV')
            @if ($datas->count() > 0)
                <div class="row pricing">
                    @foreach ($datas as $item)
                        <div class="col-md-4 my-4">
                            <div class="card">
                                <div class="card-header text-center">
                                    <h4 class="card-title">{{ $item->nama_paket }}</h4>
                                </div>
                                <h1 class="price">
                                    {{ $item->getTotal() ? Helper::formatUangPendek($item->getTotal()) : '-' }}
                                </h1>
                                <ul>
                                    @foreach ($item->detail as $item_paket)
                                        <li><i class="bi bi-{{ $item_paket->item->icon_item }}"></i>
                                            {{ $item_paket->item->nama_item }}</li>
                                    @endforeach
                                </ul>
                                <div class="card-footer">
                                    <button class="btn btn-primary btn-block sub-btn" data-user_id="{{ auth()->user()->id }}"
                                        data-paket_id = "{{ $item->id }}">Langganan</button>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <div class="col-md-4 my-4">
                        <div class="card">
                            <div class="card-header text-center">
                                <h4 class="card-title">Custom Class</h4>
                            </div>
                            <h6 class="price text-center">Hubungi Detail Hubungi Admin
                            </h6>
                            <ul>
                                <li><i class="bi bi-check-lg"> Anda dapat mengatur paket sesuai kebutuhan</i>
                                </li>

                            </ul>
                            <div class="card-footer">
                                <a href="https://wa.me/{{ '+628' . substr($pengaturanAplikasi->no_telp, 2) }}" target="_blank"
                                    class="btn btn-primary btn-block " data-paket_id = "{{ $item->id }}">Hubungi
                                    Admin</a>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="card">
                    <div class="card-header">
                        <div class="alert alert-secondary">Paket Langganan Belum Tersedia!</div>
                    </div>


                </div>
            @endif
        @endcan
    </div>
@endsection