{{-- @extends($activeTemplate.'layouts.master') --}}
@extends('layouts.users')

@section('content')
<link href="{{ asset('users/css/taskHall.css') }}" rel="stylesheet" type="text/css" />
<body class="taskhallPage">
    <div class="app h5MaxWidth">

        <div class="main">

            <div class="invitationCard radius001515PX">
                {{--  <div class="gongGeNAV">
                    <ul class="display alignEnd alignStretch">
                        <li class="flex1">
                            <div>
                                <p id="invitationCount">0</p>
                                <span>Registrations</span>
                            </div>
                        </li>
                        <li class="flex1">
                            <div>
                                <p id="activeCount">0</p>
                                <span>Activate Qty</span>
                            </div>
                        </li>
                    </ul>
                </div>  --}}
                <div class="explain">
                    <h4>Invitation Activation</h4>
                    <p id="invitationActivationMoney"
                        class="length-limit-5">
                        When you invite your friends to register for this
                        app and successfully invest,
                        the platform will reward you
                    </p>
                </div>
                <div
                    class="actionBar display alignCenter alignStretch justifyEnd">
                    <div class="buttonControl radius500PX"
                        id="invitationActivationBtn">
                    </div>
                </div>
                <div class="shade">
                    <img src="{{ asset('users/images/invite/02.png') }}" alt />
                </div>
            </div>

            <div class="taskList radius7PX" id="taskList">
                <ul>
                    <li class="radius7PX" id="1">
                        <div class="display alignCenter">
                            <div class="icon display alignCenter justifyCenter">
                                <img src="{{ asset('users/images/gold.png') }}" alt="" />
                            </div>
                            <div class="gongGeNAV flex1">
                                <ol class="display alignEnd alignStretch">
                                    <li class="flex1">
                                        <div>
                                            <p class="gradient"><em class="currency">₦</em>2000</p>
                                            <span>Reward amount</span>
                                        </div>
                                    </li>
                                </ol>
                            </div>
                        </div>
                        <div class="heading">
                            <div class="titleExplain">
                                <p>Inviting activation of 5</p>
                            </div>
                            <div class="experienceBar display alignCenter justifyDetween">
                                <div class="progressBar flex1 radius500PX">
                                    <div class="progress radius500PX" id="invitationComplianceExtra5Progress"
                                        style="width:50%">
                                        <div class="glow radius500PX"></div>
                                    </div>
                                </div>
                                <div class="copies">
                                    <p>5 / 30</p>
                                </div>
                            </div>
                        </div>
                        <div class="actionBar display alignCenter alignStretch justifyEnd" id="receiveBtn_` + item.id + `">
                            <div class="receiveBtn statusBtn radius500PX" onclick="">AlreadyReceived</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
<script src="{{ asset('users/js/common.js') }}" type="text/javascript"></script>
<script src="js/api.js" type="text/javascript"></script>
@endsection
