@extends('backend.layouts.app')
@section('main')
@section('title', 'Expired')

    <div class="row">
        <div class="text mt-3 mb-4">
            <h1 class="text-danger mb-2">Sorry, your license is expired</h1>
            <p class="lead">Yuk perpanjang lisensi Anda untuk terus menikmati fitur starbill</p>
        </div>

        <div class="row">
            <div class="col-xxl-4 col-xl-6 mb-4">
                <div class="card card-header-actions h-100">
                    <div class="card-header">
                        Account Information

                    </div>
                    <div class="card-body">
                        <table class="table">
                            <tr>
                                <td width="30%">Full Name</td>
                                <td>: {{ auth()->user()->name }}</td>
                            </tr>
                            <tr>
                                <td>Username</td>
                                <td>: {{ auth()->user()->username }}</td>
                            </tr>
                            <tr>
                                <td>License</td>
                                <td>: Starbill
                                    {{ \App\Models\License::where('id', auth()->user()->license_id)->select('name')->first()->name }}
                                </td>
                            </tr>
                            <tr>
                                <td>Due Date</td>
                                <td>: {{ \Carbon\Carbon::parse(auth()->user()->next_due)->format('d/m/Y') }}</td>
                            </tr>
                            <tr>
                                <td>Status</td>
                                <td>:
                                    @php
                                        if (auth()->user()->status === 3) {
                                            echo '<span class="btn btn-sm btn-danger">Expired</span>';
                                        } else {
                                            echo '<span class="btn btn-sm btn-success">Active</span>';
                                        }
                                    @endphp
                                </td>
                            </tr>
                        </table>

                    </div>
                    <div class="card-footer position-relative">
                        <div class="d-flex align-items-center justify-content-between small text-body">
                            <a class="stretched-link text-body" href="/order/{{ auth()->user()->license_id }}/pay">Bayar
                                Sekarang</a>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xxl-4 col-xl-6 mb-4">
                <div class="card card-header-actions h-100">
                    <div class="card-header">
                        Account Usage
                        @php
                            $nas_usage = \App\Models\RadiusNas::where('group_id', auth()->user()->id_group)->count();
                            $pppoe_usage = \App\Models\PppoeUser::where(
                                'group_id',
                                auth()->user()->id_group,
                            )->count();
                            $hotspot_usage = \App\Models\HotspotUser::where(
                                'group_id',
                                auth()->user()->id_group,
                            )->count();


                            $pppoe_limit = \App\Models\License::where('id', auth()->user()->license_id)
                                ->select('limit_pppoe')
                                ->first()->limit_pppoe;
                            $hotspot_limit = \App\Models\License::where('id', auth()->user()->license_id)
                                ->select('limit_hs')
                                ->first()->limit_hs;
                            $pppoe_usage_percent = substr(($pppoe_usage / $pppoe_limit) * $pppoe_limit, 0,2);
                            $hotspot_usage_percent = substr(($hotspot_usage / $hotspot_limit) * $hotspot_limit, 0, 2);


                        @endphp
                    </div>
                    <div class="card-body">

                        <h4>
                            Mikrotik NAS
                            <span class="float-end fw-bold">{{ $nas_usage }} / Unlimited</span>
                        </h4>
                        <div class="progress mb-4">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 98%" aria-valuenow="0"
                                aria-valuemin="0" aria-valuemax="100">
                                {{ $nas_usage }} NAS</div>
                        </div>
                        <h4>
                            PPPoE User
                            <span class="float-end fw-bold">{{ number_format($pppoe_usage, 0, '.', '.') }} /
                                {{ number_format($pppoe_limit, 0, '.', '.') }}</span>
                        </h4>
                        <div class="progress mb-4">
                            <div class="progress-bar bg-warning" role="progressbar"
                                style="width: {{  $pppoe_usage_percent }}%" aria-valuenow="{{ $pppoe_usage }}"
                                aria-valuemin="0" aria-valuemax="{{ $pppoe_limit }}">
                                {{ number_format($pppoe_usage, 0, '.', '.') }}</div>
                        </div>
                        <h4>
                            Hotspot User
                            <span class="float-end fw-bold">{{ number_format($hotspot_usage, 0, '.', '.') }} /
                                {{ number_format($hotspot_limit, 0, '.', '.') }}</span>
                        </h4>
                        <div class="progress mb-4">
                            <div class="progress-bar bg-secondary" role="progressbar"
                                style="width: {{ $hotspot_usage_percent }}%" aria-valuenow="{{ $hotspot_usage }}"
                                aria-valuemin="0" aria-valuemax="{{ $hotspot_limit }}">
                                {{ number_format($hotspot_usage, 0, '.', '.') }}</div>
                        </div>


                    </div>
                    <div class="card-footer position-relative">
                        <div class="d-flex align-items-center justify-content-between small text-body">
                            <a class="stretched-link text-body" href="/order">Upgrade License</a>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection