@extends($_layout . 'home')
@section('meta.robots', 'noindex')
@section('title', 'Thông tin tài khoản')
@include($_lib . 'register-meta')

@php
    $agent = $user->type == 'agent' ? get_agent_account($user->id) : null;
    $wallet = get_user_wallet($user->id);
@endphp

@section('content')
    @include($_template . 'navbg')


    <div class="service-details-area pt-90 pb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="service-left">
                        <div class="service-content">
                            <h2>Dịch vụ của tôi</h2>
                            <p>
                                &nbsp;
                            </p>

                            <div class="user-services">
                                @if ($services && count($services))
                                    <ul>
                                        @foreach ($services as $service)
                                            @php
                                                $activeService = $service->activeService;
                                                $store = $service->store;
                                                $is_disabled = false;
                                                $is_checked = false;
                                                $store_quantity = $service->store_quantity;
                                                $availablle = false;
                                                //
                                                if ($activeService) {
                                                    $is_disabled = $activeService->isExpired();
                                                    $is_checked = $activeService->is_active == 1;
                                                    $availablle = true;
                                                } else {
                                                    $is_disabled = true;
                                                }

                                            @endphp
                                            <li>
                                                <label>
                                                    <input type="radio" name="my_service" value="{{ $service->id }}" {!! !$availablle || !$is_disabled ? 'disabled' : '' !!} {!! $is_checked ? 'checked' : '' !!}>
                                                    <span>{{ $service->name }}</span>
                                                </label>

                                                @if ($availablle)
                                                    <span> | </span>
                                                    @if ($is_disabled)
                                                        <span>Đã hết hạn</span>
                                                    @else
                                                        <span>{{$service->expiredFormat()}}</span>
                                                    @endif
                                                @endif


                                                <span>|</span> <span>Khả dụng: {{ $store_quantity }}</span>
                                                @if ($is_disabled)
                                                    <span> | </span>
                                                    @if ($availablle)

                                                    @elseif($store_quantity)
                                                        <a class="btn-use-service" href="javascript:void(0);" data-id="{{ $service->id }}">Sử dụng</a>
                                                    @else
                                                        <a class="btn-by-service" href="javascript:void(0);" data-id="{{ $service->id }}">Mua gói</a>
                                                    @endif
                                                @endif
                                            </li>
                                        @endforeach
                                    </ul>
                                @else
                                    <p class="alert alert-warning text-center">
                                        Không có dịch vụ nào
                                    </p>
                                @endif
                                <p class="text-center mt-3">
                                    <a href="{{ route('web.payments.options') }}" class="btn btn-primary">Mua gói</a>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="service-widget-right">
                        <div class="widget-category">
                            <h3>Menu</h3>
                            <ul>
                                <li>
                                    <a href="{{ route('web.account') }}">Thông tin tài khoản</a>
                                </li>
                                @foreach ($account->settings as $sk => $item)
                                    <li>
                                        <a href="{{ route('web.account.settings', ['tab' => $item->slug]) }}" class="{{ $account->tab == $sk ? 'active' : '' }}">{{ $item->title }}</a>
                                    </li>
                                @endforeach
                                <li>
                                    <a href="{{ route('web.account.my-services') }}" class="active">Gói của tôi</a>
                                </li>

                                <li>
                                    <a href="{{ route('web.payments.options') }}">Đăng ký gói tháng</a>
                                </li>
                                <li>
                                    <a href="{{ route('web.account.logout') }}">Đăng xuất tài khoản</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection