@component('components.plant.template_popup',  ['id' => 'popup_new_plant_for_mature'])
    <div class="status_item" status_id="default">
        <img class='new_seed' src='assets/images/cl/seeds/Seed Bubble.png'></img>
        <h4 class="main-title">Congratulations!</h4>
        <h6>
            <label class="sub-title">
                Your plant has fully grown. <br>
                You claimed <span class="plant_name">{plant_name}</span> seed!<br>
                Please upload a receipt to access your reward. <br>
                Click Start now and continue your plant journey.
            </label>
        </h6>

        <div class="new_seed_footer">
            <button class="btn btn-primary btn-cta">Start</button>
        </div>
    </div>
@endcomponent

@section('script')
<script>
    $('#popup_new_plant_for_mature .new_seed_footer button.btn-cta').on('click', function(e) {
        $('#popup_new_plant_for_mature').find('.modal-close:first').trigger('click');
    });
</script>
@append