@extends('layouts.frontend')

@section('styles')
<style type="text/css">
    .input-group > .select2-container {
        width: auto !important;
        flex: 1 1 auto !important;
    }

    .input-group > .select2-container.select2-selection--single {
        height: 100% !important;
        line-height: inherit !important;
    }
    .card{
        margin-top: 1.5rem;
    }
    .terms-content{
        height: 300px;
        overflow: auto;
    }
    .nested li {
        display: block;
        position: relative;
    }
    .nested {
        margin-bottom: 0;
        counter-reset: number;
    }
    .parent .nested {
        counter-reset: letter;
    }
    .parent .nested .fifth-nested{
        counter-reset: fifth-num;
    }
    .parent .nested .sixth-nested{
        counter-reset: sixth-num;
    }
    .parent .nested .sixth-nested .special-prize{
        counter-reset: special-prize-num;
    }
    .parent .nested .sixth-nested .happy-prize{
        counter-reset: happy-prize-num;
    }
    .parent .nested .sixth-nested .energy-prize{
        counter-reset: energy-prize-num;
    }
    .parent .nested .sixth-nested .consolation-prize{
        counter-reset: consolation-prize-num;
    }
    .parent .ninth-nested{
        counter-reset: ninth-num;
    }
    .parent .nested li::before {
        content: counter(number) "." counter(letter, decimal);
        counter-increment: letter;
    }
    .nested li::before {
        content: counter(number) ".";
        counter-increment: number;
        position: absolute;
        margin-right: 100%;
        right: 10px;
    }
    .nested .fifth-nested li::before{
        content:  counter(fifth-num) ".";
        counter-increment: fifth-num;
    }
    .parent .sixth-nested li::before{
        content:  counter(sixth-num) ".";
        counter-increment: sixth-num;
    }
    .parent .nested .sixth-nested .special-prize li::before{
        content:  counter(special-prize-num, lower-roman) ".";
        counter-increment: special-prize-num;
    }
    .parent .nested .sixth-nested .happy-prize li::before{
        content:  counter(happy-prize-num, lower-roman) ".";
        counter-increment: happy-prize-num;
    }
    .parent .nested .sixth-nested .energy-prize li::before{
        content:  counter(energy-prize-num, lower-roman) ".";
        counter-increment: energy-prize-num;
    }
    .parent .nested .sixth-nested .consolation-prize li::before{
        content:  counter(consolation-prize-num, lower-roman) ".";
        counter-increment: consolation-prize-num;
    }
    .parent .ninth-nested li::before{
        content:  counter(ninth-num) ".";
        counter-increment: ninth-num;
    }
</style>
@endsection

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center p-0">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body p-4" style="background-color: #f7bc53;">
                    <form method="POST" id="register-form" action="{{ route('frontend.register') }}">
                        {{ csrf_field() }}

                        <h1 class="text-center mb-2">{{ trans('panel.registration.site_title') }}</h1>

                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fa fa-user fa-fw"></i>
                                        </span>
                                    </div>
                                    <input type="text" name="name" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" required autofocus placeholder="{{ trans('global.user_name') }}" value="{{ old('name', null) }}">
                                    @if($errors->has('name'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('name') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fa fa-envelope fa-fw"></i>
                                        </span>
                                    </div>
                                    <input type="email" name="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" required placeholder="{{ trans('global.login_email') }}" value="{{ old('email', null) }}">
                                    @if($errors->has('email'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('email') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fa fa-phone fa-fw"></i>
                                        </span>
                                    </div>
                                    <input type="text" name="phone" class="form-control{{ $errors->has('phone') ? ' is-invalid' : '' }}" required placeholder="{{ trans('global.phone') }}" value="{{ old('phone', null) }}">
                                    @if($errors->has('phone'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('phone') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fa fa-id-card fa-fw"></i>
                                        </span>
                                    </div>
                                    <input type="text" name="identity_card_number" class="form-control{{ $errors->has('identity_card_number') ? ' is-invalid' : '' }}" required placeholder="{{ trans('global.identity_card_number') }}" value="{{ old('identity_card_number', null) }}">
                                    @if($errors->has('identity_card_number'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('identity_card_number') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fa fa-calendar fa-fw"></i>
                                </span>
                            </div>
                            <input type="text" class="form-control date {{ $errors->has('dob') ? ' is-invalid' : '' }}" name="dob" required placeholder="{{ trans('global.dob') }}" value="{{ old('dob', null) }}">
                            @if($errors->has('dob'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('dob') }}
                                </div>
                            @endif
                        </div> --}}

                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fa fa-address-book fa-fw"></i>
                                </span>
                            </div>
                            <input type="text" name="shipping_address" class="form-control {{ $errors->has('shipping_address') ? ' is-invalid' : '' }}" required placeholder="{{ trans('global.shipping_address') }}" value="{{ old('shipping_address', null) }}">
                            @if($errors->has('shipping_address'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('shipping_address') }}
                                </div>
                            @endif
                        </div>

                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fas fa-search-location fa-fw"></i>
                                        </span>
                                    </div>
                                    <select class="custom-select {{ $errors->has('state') ? 'is-invalid' : '' }}" name="state" id="state" required>
                                        @foreach($states as $id => $entry)
                                            <option value="{{ $id }}" {{ old('state') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('state'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('state') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fas fa-thumbtack fa-fw"></i>
                                        </span>
                                    </div>
                                    <select class="custom-select {{ $errors->has('city') ? 'is-invalid' : '' }}" name="city" id="city" required>
                                        @foreach($cities as $id => $entry)
                                            <option value="{{ $id }}" {{ old('city_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('city'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('city') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fa fa-lock fa-fw"></i>
                                        </span>
                                    </div>
                                    <input type="password" name="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" required aria-describedby="passwordHelp" placeholder="{{ trans('global.login_password') }}">
                                    @if($errors->has('password'))
                                        <div class="invalid-feedback">
                                            {{ $errors->first('password') }}
                                        </div>
                                    @endif
                                </div>
                                <small id="passwordHelp" class="form-text mb-2">{{ __('panel.registration.password_helper') }}</small>
                            </div>
                            <div class="col-12 col-lg-6">
                                <div class="input-group mb-4">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fa fa-lock fa-fw"></i>
                                        </span>
                                    </div>
                                    <input type="password" name="password_confirmation" class="form-control" required placeholder="{{ trans('global.login_password_confirmation') }}">
                                </div>
                            </div>
                        </div>

                        <p class="text-justify">{{ trans('panel.registration.site_content') }}</p>

                        <hr>

                        {{-- <p class="text-muted">Survey</p> --}}

                        <div class="row">
                            <div class="form-group col-12">
                                <label for="surveyQuestion1">{{ __('survey.have_you_tried_happy_grains_before') }}</label>
                                <div class="form-check">
                                  <input class="form-check-input" type="radio" name="survey_answer_1" id="original_mixed_grains" value="Original Mixed Grains" required>
                                  <label class="form-check-label" for="original_mixed_grains">{{ __('panel.registration.original_mixed_grains') }}</label>
                                </div>
                                <div class="form-check">
                                  <input class="form-check-input" type="radio" name="survey_answer_1" id="black_seeds" value="Black Seeds">
                                  <label class="form-check-label" for="black_seeds">{{ __('panel.registration.black_seeds') }}</label>
                                </div>
                                <div class="form-check">
                                  <input class="form-check-input" type="radio" name="survey_answer_1" id="choco_grains" value="Choco Grains">
                                  <label class="form-check-label" for="choco_grains">{{ __('panel.registration.choco_grains') }}</label>
                                </div>
                                <div class="form-check">
                                  <input class="form-check-input" type="radio" name="survey_answer_1" id="havent_tried_yet" value="Haven't tried yet">
                                  <label class="form-check-label" for="havent_tried_yet">{{ __('panel.registration.havent_tried_yet') }}</label>
                                </div>

                                @if($errors->has('survey_answer_1'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('survey_answer_1') }}
                                    </div>
                                @endif
                            </div>

                            {{-- <div class="form-group col-12">
                                <label for="survey_answer_2">{{ __('survey.if_happy_grains_launches_new_flavour') }}</label>
                                <textarea class="form-control" name="survey_answer_2" id="survey_answer_2" rows="3"></textarea>

                                @if($errors->has('survey_answer_2'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('survey_answer_2') }}
                                    </div>
                                @endif
                            </div> --}}
                            <div class="form-group col-12">
                                <label for="survey_answer_2">{{ __('survey.if_happy_grains_launches_new_flavour') }}</label>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="coffee" value="Coffee" required>
                                    <label class="form-check-label" for="coffee">{{ __('panel.registration.coffee') }}</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="kurma" value="Kurma">
                                    <label class="form-check-label" for="kurma">{{ __('panel.registration.kurma') }}</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="beetroot" value="Beetroot">
                                    <label class="form-check-label" for="beetroot">{{ __('panel.registration.beetroot') }}</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="matcha" value="Matcha">
                                    <label class="form-check-label" for="matcha">{{ __('panel.registration.matcha') }}</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="sweet_potato" value="Sweet Potato">
                                    <label class="form-check-label" for="sweet_potato">{{ __('panel.registration.sweet_potato') }}</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="dragon_fruit" value="Dragon Fruit">
                                    <label class="form-check-label" for="dragon_fruit">{{ __('panel.registration.dragon_fruit') }}</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="coconut" value="Coconut">
                                    <label class="form-check-label" for="coconut">{{ __('panel.registration.coconut') }}</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="survey_answer_2" id="other" value="Other">
                                    <label class="form-check-label mr-2 w-25" for="other">{{ __('panel.registration.other') }}</label>
                                    <input class="form-control" type="text" name="survey_answer_2_text_input" id="survey_answer_2_text_input" disabled required>
                                </div>

                                @if($errors->has('survey_answer_2'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('survey_answer_2') }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header text-center">
                                        <h2><strong>Terms & Conditions</strong></h2>
                                    </div>
                                    <div class="card-body terms-content">
                                        <ol class="nested parent">
                                            <li>
                                                <strong>Happy Grains “A Thousand Gift of Happiness” Lucky Draw Contest</strong>                                
                                                    (hereinafter referred to as the "Contest") is organised by HAPPY GRAINS HOLDINGS SDN. BHD. (hereinafter referred to as the "Organiser").
                                            </li>
                                            <li>
                                                The contest period is from <strong>15<sup>th</sup> November 2021 to 6<sup>th</sup> March 2022</strong> (hereinafter referred to as the "Lucky Draw Period"). Entries received outside the Contest Period shall be automatically disqualified.
                                            </li>
                                            <li>
                                                Eligibility
                                                <ol class="nested">
                                                    <li>
                                                        This contest is open to all Malaysian citizens, aged 18 years and above, residing in Malaysia only ("Eligible Participants").
                                                    </li>
                                                    <li>
                                                        The Organiser’s employees, agents, partnering agencies and their respective immediate family members are not eligible to participate in the Contest.
                                                    </li>
                                                </ol>                                  
                                            </li>
                                            <li>
                                                Participation Requirements
                                                <ol class="nested">
                                                    <li>
                                                        To participate in this Contest, the Participant(s) must purchase any Happy Grains Chinese New Year package from e-commerce platform, an authorised sales agent or merchant within the Contest Period and get FREE Happy Angpao ("the Happy Angpao(s)") as lucky draw entry. The Eligible Participant(s) is entitled to register at Contest landing page and submit at the unique serial number hereinafter referred to as the "Happy Code")  as printed on the Happy Angpao.
                                                    </li>
                                                    <li>
                                                        Each Happy Code is entitled for two(2) lucky draw chances, each Eligible Participant(s) may have chance to win more than one (1) prize.
                                                    </li>
                                                    <li>
                                                        First chance of lucky draw is on Contest landing page, the Eligible Participant(s) is required to keep the Happy Angpao and Happy Code to participate the second chance of lucky draw (hereinafter referred to as the "Final Gran Draw") which will be held on 6<sup>th</sup> March 2022 through Organiser Official Facebook Live.
                                                    </li>
                                                    <li>
                                                         Final Grand Draw is only applicable to Eligible Participant(s) who successfully registered for first lucky draw at Contest landing page before 6<sup>th</sup> March 2022.
                                                    </li>
                                                    <li>
                                                        There is no limitation on the number of participations during the Lucky Draw Period and each Eligible Participant(s) can submit more than one(1) Happy Code to eligible for the draw. The more Happy Grains CNY package purchased, the more lucky draw entries the Eligible Participants are entitled to.
                                                    </li>
                                                    <li>
                                                        The Organiser reserve the right to reject any entries or registration which are incomplete, illegible, disfigured, register beyond the deadline or such other reasons as the Organiser deems fit.
                                                    </li>
                                                </ol>
                                            </li>
                                            <li>
                                                Lucky Draw at Contest landing page (hereinafter referred to as the "First Lucky Draw")
                                                Each Happy Code printed on every Happy Angpao entitles Participants to one (1) chance to enter into a First Lucky Draw at Contest landing page.
                                                <ol class="nested">
                                                    <li>
                                                        Participants must enter their Happy Code(s) via Contest landing page (www.happygame2022.com.my) select “Participate Now”, and complete the form with valid contact information including
                                                        <ol class="fifth-nested">
                                                            <li>Name per NRIC</li>
                                                            <li>Mobile phone number</li>
                                                            <li>Email address</li>
                                                        </ol>
                                                    </li>
                                                    <li>
                                                        Eligible Participant(s) will be allowed to enter only one unique Happy Code at one time, and enter another Happy Code after each draw, however duplicate entries of the same Happy Code will be declined to enter the First Lucky Draw.
                                                    </li>
                                                    <li>
                                                        The personal data collected as indicated in 5(i) above will be used for the purpose of this lucky draw and prize delivery. Please ensure all the data inserted is valid and correct to avoid delivery failure.
                                                    </li>
                                                    <li>
                                                        The result of every draw will be prompt immediately after participant enter the Happy Code. The Winners of the Lucky Draw will be shown by prize product and its info.
                                                    </li>
                                                    <li>
                                                        The Eligible Winner required to upload photo of Happy Angpao with the winning Happy Code within 24hours from the release of draw result as a proof for verification purpose.
                                                    </li>
                                                    <li>
                                                        The Organiser reserve the right to forfeit the prize from the winner who is fail to upload or show proof within 24 hours. No correspondence or claims will be entertained in the event of such forfeiture. A Winner whose prize has been forfeited shall not be entitled to any payment or compensation whatsoever from the Organiser. Organiser shall under no circumstances whatsoever be liable for any invalid, forfeited or unredeemed claim or prize.
                                                    </li>
                                                    <li>
                                                        For forfeited lucky draw prizes, Organiser reserve the right to release it to all entries from Participants.
                                                    </li>
                                                </ol>
                                            </li>
                                            <li>
                                                Prizes
                                                <ol class="nested">
                                                    <li>
                                                        <strong>Forty (40) lucky winners</strong> ("Grand Prize Winners") will receive Final Grand Prizes worth up to RM70,000.00 each, comprising:
                                                        <table class="table table-bordered">
                                                            <tbody>                                                            
                                                                <tr>
                                                                    <td>1<sup>st</sup> Prize x 10 winner</td>
                                                                    <td>:</td>
                                                                    <td>Apple Ipad & one(1) year of Happy Grains Product subscription (12 boxes) / pax</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>2<sup>nd</sup> Prize x 10 winner</td>
                                                                    <td>:</td>
                                                                    <td>Apple Ipad & one(1) year of Happy Grains Product subscription (12 boxes) / pax</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>3<sup>rd</sup> Prize x 10 winner</td>
                                                                    <td>:</td>
                                                                    <td>Apple Ipad & one(1) year of Happy Grains Product subscription (12 boxes) / pax</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>4<sup>th</sup> Prize x 10 winner</td>
                                                                    <td>:</td>
                                                                    <td>Apple Ipad & one(1) year of Happy Grains Product subscription (12 boxes) / pax</td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" align="center"><strong>* Final Grand Prizes will be draw during Final Grand Draw on 6<sup>th</sup> March 2022</strong></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        (hereinafter collectively referred to as the "Grand Prize".)
                                                    </li>
                                                    <li>
                                                        <strong>First Lucky Draw Prize x 960 pax</strong> : will receive Prizes worth up to
                                                        RM30,000.00 each, comprising:
                                                        <ol class="nested sixth-nested">
                                                            <li>Special Prizes</li>
                                                            <ul class="special-prize">
                                                                <li>5x Lumos Home Projector worth RM599 each</li>
                                                            </ul>
                                                            <li>Happy Prizes</li>
                                                            <ul class="happy-prize">
                                                                <li>Electric Oven</li>
                                                                <li>Rice Cooker</li>
                                                                <li>Multi-cooker</li>
                                                                <li>Steamboat & BBQ 2in1 cooker</li>
                                                                <li>Blender</li>
                                                                <li>Kettle</li>
                                                                <li>Toast</li>
                                                                <li>Handheld Mixer</li>
                                                            </ul>
                                                            <li>Energy Prizes</li>
                                                            <ul class="energy-prize">
                                                                <li>10x Auraqua Detox Scrub worth RM157 each</li>
                                                                <li>10x Auraqua Shampoo worth RM99 each</li>
                                                                <li>10x Auraqaa Shower Gel worth RM99 each</li>
                                                                <li>10x Auraqua warmth essence 100ml worth RM138 each</li>
                                                                <li>Stainless steel kitchenware set</li>
                                                                <li>Ceramic Bowl</li>
                                                                <li>Thermal Bag</li>
                                                                <li>Stainless steel pot</li>
                                                            </ul>
                                                            <li>Consolation Prizes</li>
                                                            <ul class="consolation-prize"><li>600x Happy Grains Exclusive merchandise (consisting of Happy Mug, Happy Notebook)</li></ul>
                                                        </ol>
                                                    </li>
                                                </ol>
                                            </li>
                                            <li>
                                                Eligible Winners
                                                <ol class="nested">
                                                    <li>The eligibility to win the Contest is on the condition that the Eligible Participants fully comply with the Terms and Conditions as stated herein.</li>
                                                    <li><strong>One Thousand (1,000) Eligible Participants</strong> will be drawn via electronic algorithm according to the Happy Code that participants entered, whose decision shall be final, conclusive and binding. Any correspondence pertaining to the decision made by the Organiser will not be entertained.</li>
                                                </ol>
                                            </li>
                                            <li>
                                                Announcement of the Winners
                                                <ol class="nested">
                                                    <li><strong>Grand Prize Winner</strong> will be contacted via their mobile number, SMS or email provided.</li>
                                                    <li>The Organiser reserves the right to forfeit the prizes if the winners fail to respond to the Organiser’s message/email within three (3) days from the notification of winning, including weekends and public holidays.</li>
                                                    <li>The Grand Prize Winners are required to produce proof of their identity and the photo of Happy Angpao with the winning Happy Code during and prior to the redemption of the Grand Prize, for verification purposes. The only form of proof of identity accepted by the Organiser is his/her Malaysian Identity card. The Organiser has every right to disqualify the Grand Prize Winner should he/she fail to provide such proof of identity.</li>
                                                    <li>The delivery of First Lucky Draw prizes and Final Grand Draw prizes will be conducted by batch as per the below schedule. Winners will be notified by Organizer on the delivery date.</li>
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>Batch</th>
                                                                <th>Lucky Draw Period</th>
                                                                <th>Prize Delivery Date</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>                                                            
                                                            <tr>
                                                                <td>1</td>
                                                                <td>15<sup>th</sup> November 2021 – 30<sup>th</sup> December 2021</td>
                                                                <td>31<sup>st</sup> December 2021</td>
                                                            </tr>
                                                            <tr>
                                                                <td>2</td>
                                                                <td>31<sup>st</sup> December 2021 – 30<sup>th</sup> January 2022</td>
                                                                <td>31<sup>st</sup> January 2022</td>
                                                            </tr>
                                                            <tr>
                                                                <td>3</td>
                                                                <td>31<sup>st</sup> January 2022 – 5<sup>th</sup> March 2022</td>
                                                                <td>9<sup>th</sup> March 2022</td>
                                                            </tr>
                                                            <tr>
                                                                <td>4</td>
                                                                <td>Final Grand Draw 6<sup>th</sup> March 2022</td>
                                                                <td>13<sup>th</sup> March 2022</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <li>The Prize (all items) is (are) not transferable, refundable or exchangeable in any form for whatsoever.</li>
                                                    <li>The Grand Prize Winners will be required to appear in the pre, during, and post Contest related video(s) (interviews included) for promotional and marketing purposes that will be uploaded on the Organiser’s social media platforms.</li>
                                                </ol>
                                            </li>
                                            <li>
                                                Enquiries<br>For any enquiries regarding the Contest, you may contact the Organiser via the following methods:
                                                <ol class="ninth-nested">
                                                    <li>
                                                        Facebook enquiry :
                                                        @happygrainsofficial
                                                        <a href="https://www.facebook.com/happygrainsofficial">(https://www.facebook.com/happygrainsofficial)</a>
                                                    </li>
                                                    <li>Customer Careline: 016-2073519</li>
                                                </ol>
                                            </li>
                                            <li>By participating in the Contest, the Eligible Participants agree to be bound by the terms and conditions contained herein and all decisions made by the Organiser in respect of the Contest.</li>
                                            <li>By participating in the Contest, the Eligible Participants are deemed to have agreed and consented to the Organiser’s usage of his/her details including but not limited to names and any contents made, produced, provided and submitted towards the Contest participation.</li>
                                            <li>The Organiser shall not be held responsible in any way for delays, non-deliveries and/or interruptions of messages/emails sent or received and shall not be held liable for any unauthorised use of the Eligible Participants’ mobile phone(s) or email account(s) in conjunction with the Contest.</li>
                                            <li>The Organiser shall not be held responsible or liable for any error, omission, interruption, deletion, defect, delay in operation or transmission, communications line failure, theft or destruction, unauthorised access to, or any problems or technical malfunction of any telephone network or lines, computer online systems, servers or providers, computer equipment, software, failure of e-mail on account of technical problems or traffic congestion on the Internet and/or websites.</li>
                                            <li>The Organiser reserves the right to disqualify any submission of entry made outside of the Contest Period, or without executing proper procedure of participation.</li>
                                            <li>The Organiser reserves the right to make any changes to the Contest including but not limited to cancelling the Contest or extending the Contest Period, replacing prizes with any other products of equivalent value at any time it deems fit, and alter the Terms and Conditions contained herein without prior notice. Any amendments made to these Terms and Conditions or updates on this Contest shall be published on the Organiser’s official Facebook page.</li>
                                        </ol>

                                        <hr>
                                        
                                    </div>
                                </div>
                            </div>                        
                        </div>

                        <div class="row">
                            <div class="col-12">
                                <div class="form-group mb-0">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="term_checked" name="term_checked" value="1" required>
                                        <label class="form-check-label" for="term_checked">
                                            <p>{!! __('panel.registration.agree_terms', ['url' => '#']) !!}</p>
                                            {{-- <p>{{ __('panel.registration.use_privacy_notification') }}</p> --}}
                                            {{-- <p>{{{ __('panel.registration.use_cookie_notification') }}}</p> --}}
                                        </label>
                                    </div>
                                    @if($errors->has('term_checked'))
                                        <div class="invalid-feedback">
                                            You must agree before submitting.
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-6 text-center">
                                <a href="{{ url()->previous() }}" class="btn btn-block btn-danger text-white">
                                    {{ trans('global.back') }}
                                </a>
                            </div>
                            <div class="col-6 text-center">
                                <button class="btn btn-block btn-primary text-white" type="submit">{{ trans('global.register') }}</button>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12 text-center">
                                <p class="m-0">{{ __('panel.registration.already_have_an_acocunt') }}</p>
                                <a class="btn btn-link px-0" href="{{ route('frontend.login') }}">
                                    {{ trans('global.login') }}
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script type="text/javascript">
    $(function(){
        $("#state").select2({
            language: "{{ app()->getLocale() }}",
            placeholder: "{{ __('panel.select2.state_placeholder') }}",
            allowClear: true
        });

        $("#city").select2({
            language: "{{ app()->getLocale() }}",
            placeholder: "{{ __('panel.select2.city_placeholder') }}",
            allowClear: true
        });

        $('input[name="survey_answer_2"]').on('change', function(e){
            if($(this).val() == 'Other')
            {
                $('#survey_answer_2_text_input').attr('disabled', false);
            }
            else
            {
                $('#survey_answer_2_text_input').attr('disabled', true);
                $('#survey_answer_2_text_input').val('');
            }
        });

        // Select Dependent Dropdowns
        $("#state").change(function(){
            $.ajax({
                url: "{{ route('cities.get_by_state') }}?state=" + $(this).val(),
                method: 'GET',
                success: function(data) {
                    $('#city').html(data.html);
                }
            });
        });
    });
</script>
@endsection