@extends('layouts.plant_default')


@section('script')
    <script src="/js/main/register.js?v=1780748836" ></script>
@endsection


@section('menu')

@endsection

@php
    $is_campaign_ended = \App\Models\Plant\PlantUsers::IsCampaignEnded();
@endphp

@section('content')

    @component('components.plant.module_header_footer')

        @component('components.plant.module_registration_top')
        @endcomponent

        @if($is_campaign_ended)
            @component('components.plant.msg_campaign_ended')
            @endcomponent
        @else
            <div id="get-free-seed" class="">
                <img src="{{config('plant.reg_img')}}" width="{{config('plant.reg_img_width')}}"
                    class="px-5 d-block mx-auto mb-4 mt-1 cursor-pointer"/>
                <button class="btn btn-primary shine">{{config('plant.reg_cta')}}</button>
            </div>

            <div id="register" class="d-none">
                @component('components.plant.page_regform')
                @endcomponent
            </div>
        @endif

        {{-- @component('components.plant.popup_verify')
        @endcomponent --}}
        <x-main.popup.verify/>

        <div class="col-9 col-sm-6 col-md-4 p-0 d-flex mx-auto my-4">
            <div class="mx-2">
                <img src="{{asset('assets/images/ar/_main/Bubble_RM10.png')}}" class="d-block mx-auto w-100"/>
            </div>
            <div class="mx-2">
                <img src="{{asset('assets/images/ar/_main/Bubble_RM5.png')}}" class="d-block mx-auto w-100"/>
            </div>
            <div class="mx-2">
                <img src="{{asset('assets/images/ar/_main/Bubble_RM4.png')}}" class="d-block mx-auto w-100"/>
            </div>
            <div class="mx-2">
                <img src="{{asset('assets/images/ar/_main/Bubble_RM2.png')}}" class="d-block mx-auto w-100"/>
            </div>
        </div>

    @endcomponent

@endsection