@extends($_layout . 'home')
@section('content')
    <div class="ai-page-content">
        @include($_template . 'page-banner', [
            'size' => 'small',
            'title' => 'Thanh toán gói tháng',
            'show_breadcrumb' => true,
            'show_shape' => true,
        ])

        {{-- @if (isset($user) && $user && $user->type == 'agent' && ($agent = get_agent_account($user->id)) && $agent->month_balance > 0)
            <div class="sign-in-area pt-50 pb-70">
                <div class="container">
                    <div class="section-title text-center">
                        <span class="sp-before sp-after">Dùng số dư tài khoản đại lý</span>
                    </div>
                    <div class="row align-items-center pt-45">

                        <div class="col-lg-7 ms-auto me-auto">
                            <div class="user-all-form">
                                <div class="contact-form">
                                    <form action="{{ route('web.payments.use-from-account') }}" method="POST">
                                        @csrf
                                        @if ($next = old('next', $request->next))
                                            <input type="hidden" name="next" value="{{ $next }}">
                                        @endif

                                        @if ($error = session('error'))
                                            <div class="error text-danger mb-3">{{ $error }}</div>
                                        @endif

                                        <div class="row">
                                            <div class="col-lg-12 ">
                                                <div>Số dư hiện tại: {{$agent->month_balance}}</div>
                                                <div class="form-group">
                                                    <i class="bx bx-calendar"></i>
                                                    <input type="number" name="month" value="{{ old('month', 1) }}" min="1" max="{{ $agent->month_balance }}" step="1" required="" placeholder="Nhập sso61 tháng" class="form-control">
                                                </div>

                                            </div>
                                            <div class="col-12">

                                                @if ($error = $errors->first('month'))
                                                    <div class="error text-danger mb-3">{{ $error }}</div>
                                                @endif

                                            </div>
                                            <div class="col-lg-12 col-md-12 text-center mt-3">
                                                <button type="submit" class="default-btn">
                                                    Gia hạn
                                                    <i class="bx bx-plus"></i>
                                                </button>
                                            </div>

                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif --}}

        @if (count($packages))
            <div class="pricing-area pt-50 pb-100">
                <div class="container-fluid">
                    <div class="section-title text-center">
                        <span class="sp-after">Bảng giá</span>
                        {{-- <h2 class="h2-color">Các gói <b>thuê bao</b></h2> --}}
                    </div>
                    <div class="price-width">
                        <div class="row">

                            @foreach ($packages as $item)
                                @php
                                    $i = ($loop->index % 3) + 1;
                                @endphp
                                <div class="col-lg-4 col-sm-6">
                                    <div class="pricing-card">
                                        <div class="pricing-card-into color-bg{{$i}}">
                                            <i class="flaticon-banner pricing-icon color-{{$i}}"></i>
                                            <h3 class="color-{{$i}}">{{$item->name}}</h3>
                                            <div class="price-rate">
                                                <h2 class="color-{{$i}}">{{number_format($item->getRetailPrice() / 1000, 0, ',', '.')}}k</h2>
                                                <span class="color-{{$i}}">{{$item->getDurationLabel()}}</span>
                                            </div>
                                            <ul>
                                                {!! implode('', array_map(function($line){
                                                    $a = trim($line);
                                                    if(preg_match('/^\[(f|x)\]/si', $a)){
                                                        $a = preg_replace('/^\[(f|x)\]/si', '', $a);
                                                        $a = "<del>$a</del>";
                                                    }elseif(preg_match('/^\[(t|true)\]/si', $a)){
                                                        $a = preg_replace('/^\[(t|true)\]/si', '<i class="bx bx-check"></i> ', $a);
                                                    }
                                                    return "<li>$a</li>";
                                                }, nl2array($item->feature_text))) !!}
                                            </ul>
                                            <a href="{{route('web.payments.detail', ['id' => $item->id])}}" class="purchase-btn button-bg{{$i}}">
                                                {{$item->retail_price > 0? 'Mua gói': 'Dùng thử'}}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="pricing-shape">
                    <div class="shape1">
                        <img src="{{ ai_startup_asset('img/shape/shape7.png') }}" alt="Images">
                    </div>
                    <div class="shape2">
                        <img src="{{ ai_startup_asset('img/shape/shape4.png') }}" alt="Images">
                    </div>
                    <div class="shape3">
                        <img src="{{ ai_startup_asset('img/shape/shape5.png') }}" alt="Images">
                    </div>
                    <div class="shape4">
                        <img src="{{ ai_startup_asset('img/shape/shape6.png') }}" alt="Images">
                    </div>
                    <div class="shape5">
                        <img src="{{ ai_startup_asset('img/shape/shape4.png') }}" alt="Images">
                    </div>
                    <div class="shape6">
                        <img src="{{ ai_startup_asset('img/shape/shape8.png') }}" alt="Images">
                    </div>
                </div>
            </div>
        @else
        @endif

    </div>
@endsection