@extends('theme.default')
@section('title')
    Register Yourself at Survey Bakery | Sign Up for Free
@endsection

@section('canonical')
    <link rel="canonical" href="https://www.surveybakery.com/registration">
@endsection

@section('meta-description')
    Sign up for free at Survey Bakery to create an account and gain access to powerful survey tools. Start optimizing your data collection today!
@endsection
@section('content')

    <section class="registration m2-h wow fadeIn">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <div class="fromwrp">
                        <form method="POST" action="{{ route('register') }}">
                            @csrf
                            <div class="loises">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <h3>Registration.</h3>
                                <div class="kni p8">
                                    <p>Register yourself by filling the following steps credentials below.</p>
                                </div>
                                <div class="forms">
                                    <div class="row"></div>
                                    <input type="hidden" name="device_id" id="device_id">
                                    <input required type="email" id="email" class="form-control-regis"  name="email" value="{{ old('email') }}"  placeholder="Email"  />
                                    <input type="password" id="password" class="form-control-regis2"  name="password" placeholder="Password" value="" />
                                    <input type="password" class="form-control-regis2" name="password_confirmation"  placeholder="Confirm Password" value="" />
                                    <input type="text" class="form-control-regis2" name="Yearofbirth" value="{{ old('Yearofbirth') }}" placeholder="Year Of Birth" />
                                    <select id="gender" class="select2" name="gender">
                                        <option>Select Gender</option>
                                        <option @if(old('gender')==1) selected @endif value="1">Male</option>
                                        <option @if(old('gender')==2) selected @endif value="2">Female</option>
                                    </select>
                                    <label class="coun">
                                        <p>Country</p>
                                    </label>
                                    <select id="country" class="select2" name="country">
                                        @foreach($country as $key => $row):
                                        <option @if($row->code=='US') selected @endif value="{{ $row->id }}">{{ $row->name }}</option>
                                        @endforeach
                                    </select>

                                    <input type="text" class="form-control-regis2" value="{{ old('postal_code') }}" name="postal_code" placeholder="Postal Code" />
                                    <div class="my-pad">
                                        <input class="form-check-input"  type="checkbox"  name="terms_condition" value="1" id="terms_condition" />
                                        <label class="form-check-label my-font" for="flexCheckDefault">
                                            I have read and agreed to the <a href="{{ route('privacy_policy') }}" style="font-weight: 600; text-decoration: underline; color: #000;"> Privacy Policy</a> .
                                            <a href="{{ route('terms_conditions') }}" style="font-weight: 600; text-decoration: underline; color: #000;"> Terms and Conditions</a> and
                                            <a href="{{ route('cookiepolicy') }}" style="font-weight: 600; text-decoration: underline; color: #000;"> Cookie Policy.</a>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            {!! app('captcha')->display() !!}

                            <div class="btn_logosi">

                                <input type="submit" class="btn-c" value="Submit">
                            </div>

                            <div class="fior p5">
                                <a href="{{ route('login') }}">
                                    <p style="font-weight: bold;">Already Have An Account?<span style="font-weight: 600; color: #41b800;"> Sign In</span></p>
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')

    <script src="https://www.ipqscdn.com/api/*/621ASnCMneueXAO7xyTUKgb5aGAsEjSK0Ire6ogOl643wxEnj3GUFzjati8gEhLpYMGj6kVSnLrzRBhJm8yKFOFB0lXicnxDAt0Ky6Ezavle7iTc7hlRDnTuZBQZArMpKfIqYBMw6Crkf7UqDEfaOI3U0xaObh0m2i82WkptBzP8KtOiqktneJBzsh4r68Eza5NuOJXFNOC8I7ZDCercQj0hqHG7xdZnDLXPZeYurbM4xx9c4cVi1WHxBGOQGi73/learn.js" crossorigin="anonymous"></script>
    <noscript><img src="https://www.ipqscdn.com/api/*/621ASnCMneueXAO7xyTUKgb5aGAsEjSK0Ire6ogOl643wxEnj3GUFzjati8gEhLpYMGj6kVSnLrzRBhJm8yKFOFB0lXicnxDAt0Ky6Ezavle7iTc7hlRDnTuZBQZArMpKfIqYBMw6Crkf7UqDEfaOI3U0xaObh0m2i82WkptBzP8KtOiqktneJBzsh4r68Eza5NuOJXFNOC8I7ZDCercQj0hqHG7xdZnDLXPZeYurbM4xx9c4cVi1WHxBGOQGi73/pixel.png" /></noscript>

    <script>
        // Optional tracking variables that can be used to pass data and subIDs.
        // Please set any new variables to track here: https://www.ipqualityscore.com/user/settings#variables
        // Must be manually added to <noscript> <img> tag above such as: ...pixel.png?userID=123&transactionID=11
        // Strongly suggested to pass "email" and "userID" for better device tracking and performance
        if(typeof Startup !== "undefined") {
            {{--Startup.Store('userID', '{{ Auth::user()->id }}');--}}
//            Startup.Store('transactionID', '');
//            Startup.Store('subUserID', '');
//            Startup.Store('campaignID', '');
//            Startup.Store('subCampaignID', '');
//            Startup.Store('publisherID', '');
//            Startup.Store('gclid', '');
//            Startup.Store('email', '');
//            Startup.Store('clickID', '');
//            Startup.Store('conversionID', '');

        }


        if(typeof Startup !== "undefined") {
            Startup.AfterResult(function(result){
                var device_id = result.device_id;
                $('#device_id').val(device_id);
                {{--$.ajax({--}}
                {{--type: 'GET',--}}
                {{--url: '{{ route('setDeviceId') }}', // Define a route to handle this--}}
                {{--data: { device_id: device_id },--}}
                {{--success: function() {--}}
                {{--console.log('success');--}}
                {{--}, error: function() {--}}
                {{--console.log('error');--}}
                {{--}--}}
                {{--});--}}
            });

            Startup.AfterFailure(function(reason){
                console.log(reason);
                // user has blocked the second JavaScript call
                // can redirect or perform other business logic if JS is not loaded
                // window.location.href = "";
            });
        }

        if(typeof Startup === "undefined") {
            // user has blocked the initial JavaScript call
            // can redirect or perform other business logic if JS is not loaded
            // window.location.href = "";
        }
    </script>

@endsection