@extends('layouts.plant_default')


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

@section('menu')

@endsection

@php
    $is_campaign_ended = \App\Models\Plant\PlantUsers::IsCampaignEnded();
    $comp_footer = $account && $account->slug && \View::exists($custom_view = "components.plant.{$account->slug}.module_header_footer") ? $custom_view : 'components.plant.module_header_footer';
@endphp

@section('content')

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

        @if($is_campaign_ended)
            @component('components.plant.msg_campaign_ended')
            @endcomponent
        @else
            <p class="text-center">{{config('plant.reg_tagline')}}</p>
            <form id="bingo_loginform" class="col col-md-9 col-lg-6 mx-auto my-5">

                <div class="form-group">
                    <label for="signup-mobile-input">Mobile Number</label>
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <div class="input-group-text p-0 bg-white">
                                <select id='login-countrycode' class="py-0 pr-4 border-0 custom-select" style="height: 36px">
                                    <option value='60' selected>+60</option>
                                    <option value='65'>+65</option>
                                </select>
                            </div>
                        </div>
                        <input class="required form-control"
                            type="tel" id="login-mobile-input" placeholder="Mobile" validate="" >
                    </div>

                </div>
                <button id="btn-login" class="btn btn-primary my-3">Send Login Link</button>

                <div class="message text-danger text-center" id="msg-error"></div>


                <p class="text-center">Haven't registered with us? <a href="{{ route('register') }}" class="bold underline">Sign Up Now</a></p>

            </form>
        @endif

        {{-- <div class='content-container d-none' id="container_bingo" mode='bingo' style='display: block;'>
            <div id="bingo_loginform" class='bingo_component'>
                <div id='form-login' class="page-wrap">
                    <br/>
                    <br/>
                    <div class="input-group input-group-mobile" style="">
                        <label>Mobile Number </label>
                        <div class="mobile-wrapper">
                            <select id='login-countrycode'>
                                <option value='60' selected>+60</option>
                                <option value='65'>+65</option>
                            </select>
                            <input type="tel" id="login-mobile-input" pattern="" placeholder="Mobile" validate="" class="required">
                        </div>

                    </div>
                    <button id="btn-login">Send Login Link</button>

                    <div class="message-container">
                        <div class="message" id="msg-error" style="text-align: center"></div>
                    </div>

                    <p id='btn-login-display' style='text-align: center; cursor: pointer; font-size: 14px; margin: 25px auto;'>
                        Haven't registered with us? <a href="{{ route('register') }}" style='font-weight: bold; text-decoration: underline;'>Sign Up Now</a>
                    </p>

                    <br/>
                </div>
            </div>
        </div> --}}

    @endcomponent
@endsection