@component('components.plant.template_popup',  ['id' => 'popup_tutorial'])

    <div class="status_item" status_id="default">
        <h6>Welcome <span class="user_name"></span> to Plant Rewards AR Experience</h6>
        <div>
            <img class='new_seed' src='assets/images/cl/seeds/Seed Bubble.png' width="100"/><br/>
{{--            <label class="main-title">Congratulations!</label>--}}
{{--            <label class="sub-title">You claimed <span class="plant_name"></span> seed!</label>--}}
        </div>
        <h6>Grow your plant by collecting nutrients and tokens daily in our AR game. Unlock rewards as your plant grows
            or when you collect tokens</h6>
        <button class="btn btn-primary" load_popup="popup_tutorial,two">Got it!</button>
    </div>

    <div class="status_item" status_id="two">
        <img src="{{ asset('/assets/images/cl/bars/Nutrition_Fertilizer_BG.png')}}" width="100"/><br/>
        <h6>To grow your plant daily, start the AR game and collect minimum nutrients (Sun, Water and Fertilizer) each day</h6>


        <div class="justify-content-center d-flex">
            <div>
                <img src="{{ asset('/assets/images/cl/token_icons/Token_Water.png')}}" width="50"/>
                <div>8x</div>
            </div>
            <div>
                <img src="{{ asset('/assets/images/cl/token_icons/Token_Sunlight.png')}}" width="50"/>
                <div>8x</div>
            </div>
            <div>
                <img src="{{ asset('/assets/images/cl/token_icons/Token_Fertilizer.png')}}" width="50"/>
                <div>8x</div>
            </div>
        </div>
        <img src="{{ asset('/assets/images/cl/bars/Progress_Bar_BG-horizontal.png')}}" width="200"/><br/>
        <h6>Use the Progress Bar to monitor the growth of your plant. Unlock rewards when your plant is fully grown</h6>
        <button class="btn btn-primary" load_popup="popup_tutorial,three">Got it!</button>

    </div>

    <div class="status_item" status_id="three">
        <p>
            <img src="{{ asset('/assets/images/cl/token_icons/Token.png')}}" width="50"/>
        </p>
        <h6>Collect as many of these tokens in our AR Game or when you participate in our daily challenges</h6>
        <h6>The more game tokens you have, the more rewards you get</h6>
        <p>
            <img src="{{ asset('/assets/images/cl/token_icons/Gold Token_Rewards.png')}}" width="50"/>
        </p>
        <h6>Visit our Rewards Page to see your tokens and rewards</h6>
        <button class="btn btn-primary" load_popup="popup_tutorial,four">Got it!</button>
    </div>

    <div class="status_item" status_id="four">
        <p>
            <img src="{{ asset('/assets/images/cl/token_icons/Token.png')}}" width="50"/>
        </p>
        <h6>How to collect tokens?</h6>
        <ul class="text-left">
            <li>Collect as many game tokens in our daily AR Game</li>
            <li>Scan QR Code for Plant Rewards when you visit any of our 7 malls to get extra AR chances</li>
            <li>Refer a Friend</li>
            <li>Participate in our Daily Challenges</li>
        </ul>
        <button class="btn btn-primary" data-dismiss="modal">Got it!</button>
    </div>

    {{--    <div class="status_item" status_id="five">--}}
    {{--        <img src="{{ asset('/assets/images/cl/token_icons/Gold Token_AR Game.png')}}" width="50"/>--}}
    {{--        <h6>The main way to earn token is by participating on our AR game.</h6>--}}
    {{--        <h6>The AR Core Game will only provide you 1 attempt per day and if you scan our special QR in mall you will be able to play another round.</h6>--}}
    {{--        <button class="btn btn-primary" load_popup="popup_tutorial,six">Got it!</button>--}}
    {{--    </div>--}}

    {{--    <div class="status_item" status_id="six">--}}
    {{--        <img src="{{ asset('/assets/images/cl/token_icons/Gold Token_Challenge.png')}}" width="50"/>--}}
    {{--        <img src="{{ asset('/assets/images/cl/token_icons/Gold Token_Camera.png')}}" width="50"/>--}}
    {{--        <h6>You can also earn additional token by participating in Daily Challenges and also by referring others to register to Plant Rewards AR.</h6>--}}
    {{--        <button class="btn btn-primary" load_popup="popup_tutorial,seven">Got it!</button>--}}
    {{--    </div>--}}

    {{--    <div class="status_item" status_id="seven">--}}
    {{--        <img src="{{ asset('/assets/images/cl/token_icons/Gold Token_Rewards.png')}}" width="50"/>--}}
    {{--        <h6>With this rewards you can access our reward marketplace and redeem countless rewards.</h6>--}}
    {{--        <button class="btn btn-primary" load_popup="popup_tutorial,eight">Got it!</button>--}}
    {{--    </div>--}}

    {{--    <div class="status_item" status_id="eight">--}}
    {{--        <h6>Finally we want to wish you the best time with our platform and once you manage to grow your plants to the last stage there is a surprise cash voucher waiting for you.</h6>--}}
    {{--        <button class="btn btn-primary" data-dismiss="modal">Let's go!</button>--}}
    {{--    </div>--}}

@endcomponent