@extends('layouts.app')

@section('content')
{{ Request()->parameter }}
@php $state_detail = Config::get('constants.STATE');@endphp

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8 col-md-10">
            <div class="card user-register">
                <div class="card-header text-center hd-card">{{ __('Register New User') }}</div>
                @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="card-body">
                    <form method="POST" action="{{ route('register') }} " id='register_form'>
                        @csrf
                        <label class="form-label"><strong>Event Selection</strong></label>
            
                            <div class="form-group row">
                            <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->

                            <div class="col-md-6">
                                <label for="event_id" class="col-form-label">{{ __('Event Selection') }} <span style="color:red">*</span></label>
                                <select id="event_id" class="form-control @error('event_id') is-invalid @enderror" name="event_id" autocomplete="event_id" autofocus required>
                                    <option value="">Select Event</option>
                                    @foreach($events AS $event)
                                    <option value="{{$event->id}}" @if($event->id == old('event_id')) selected="selected" @endif>{{$event->name}}</option>
                                    @endforeach
                                </select>

                                @error('event_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>                    
                            
                        </div>

                        <label class="form-label"><strong>Personal Information</strong></label>
                        <div class="form-group row">
                            <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->

                            <div class="col-md-6">
                            	<label for="first_name" class="col-form-label">{{ __('First Name') }} <span style="color:red">*</span></label>
                                <input id="first_name" type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{ old('first_name') }}" required autocomplete="first_name" autofocus onkeypress="return /[a-z]/i.test(event.key)">

                                @error('first_name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="col-md-6">
                            	<label for="last_name" class="col-form-label">{{ __('Last Name') }} <span style="color:red">*</span></label>
                                <input id="last_name" type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{ old('last_name') }}" required autocomplete="last_name" autofocus onkeypress="return /[a-z]/i.test(event.key)">

                                @error('last_name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            
                        </div>
                        <div class="form-group row">
                        <div class="col-md-12">
                            	<label for="email" class="col-form-label">{{ __('E-Mail Address') }} <span style="color:red">*</span></label>
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <!--<label for="company_name" class="col-md-4 col-form-label text-md-right">{{ __('Company Name') }}</label>-->
                            

                            </div>
                        <div class="form-group row">                            

                            <div class="col-md-6">
                            	<label for="company_name" class="col-form-label">{{ __('Company Name') }} <span style="color:red">*</span></label>
                                <input id="company_name" type="text" class="form-control @error('company_name') is-invalid @enderror" name="company_name" value="{{ old('company_name') }}" required autocomplete="company_name">

                                @error('company_name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                            	<label for="job_tilte" class="col-form-label">{{ __('Job Title') }} <span style="color:red">*</span></label>
                                <input id="job_title" type="text" class="form-control @error('job_title') is-invalid @enderror" name="job_title" value="{{ old('job_title') }}" required autocomplete="job_title">

                                @error('job_title')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            

                        </div>
                        <div class="form-group row">
                        <div class="col-md-12">
                            	<label for="agency_network" class="col-form-label">{{ __('Add Agency Network') }} <span style="color:red">*</span></label>
                                <input id="agency_network" type="text" class="form-control @error('agency_network') is-invalid @enderror" name="agency_network" value="{{ old('agency_network') }}" required autocomplete="agency_network">

                                @error('agency_network')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                <i>Kindly mention as 'INDEPENDENT' if the agency has 'NO NETWORK'</i>
                            </div>
                            <!--<label for="company_name" class="col-md-4 col-form-label text-md-right">{{ __('Company Name') }}</label>-->
                            

                            </div> 
                        

                        <div class="form-group row">
                            <!--<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>-->

                            <div class="col-md-6">
                            	<label for="password" class="col-form-label">{{ __('Password') }} <span style="color:red">*</span></label>
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">

                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                            	<label for="password-confirm" class="col-form-label">{{ __('Confirm Password') }} <span style="color:red">*</span></label>
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                            </div>
                        </div>

                        <label class="form-label"><strong>Contact Information</strong></label>

                        <div class="form-group row">
                            <div class="col-md-2">
                              <label for="landline_no_std_code" class="col-form-label">{{ __('Std Code') }} <span style="color:red">*</span></label>
                                <input id="landline_no_std_code" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  type="tel" class="form-control @error('landline_no') is-invalid @enderror" name="landline_no_std_code" value="{{ old('landline_no_std_code') }}" required autocomplete="landline_no_std_code">

                                @error('landline_no')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-4">
                              <label for="landline_no" class="col-form-label">{{ __('Landline No') }} <span style="color:red">*</span></label>
                                <input id="landline_no" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  type="tel" class="form-control @error('landline_no') is-invalid @enderror" name="landline_no" value="{{ old('landline_no') }}" required autocomplete="landline_no">

                                @error('landline_no')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                              <label for="mobile_no" class="col-form-label">{{ __('Mobile') }} <span style="color:red">*</span></label>
                                <input id="mobile_no" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  type="tel" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{ old('mobile') }}" required autocomplete="mobile" pattern=".{10,10}">

                                @error('mobile')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            </div>
                            <div class="form-group row">
                            <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->

                            <div class="col-md-12">
                            	<label for="address" class="col-form-label">{{ __('Address') }} <span style="color:red">*</span></label>
                                <input id="address" type="text" class="form-control @error('address') is-invalid @enderror" name="address" value="{{ old('address') }}" required autocomplete="address" autofocus>

                                @error('country')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>                         
                            
                        </div>
                            <div class="form-group row">
                            <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->
                            
                            
                            <div class="col-md-3">
                            	<label for="country" class="col-form-label">{{ __('Country') }} <span style="color:red">*</span></label>
                                <input id="country" type="text" class="form-control @error('country') is-invalid @enderror" name="country" value="India" required autocomplete="first_name" autofocus readonly>

                                @error('country')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-3">
                            	<label for="state" class="col-form-label">{{ __('State') }} <span style="color:red">*</span></label>
                                <select id="state" class="form-control @error('state') is-invalid @enderror" name="state" required autocomplete="state" autofocus>
                                    <option value="">Select State</option>
                                    @foreach($state_detail AS $state)
                                    <option value="{{$state}}" @if($state == old('state')) selected="selected" @endif>{{$state}}</option>
                                    @endforeach
                                </select>

                                @error('state')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-3">
                            	<label for="city" class="col-form-label">{{ __('City') }} <span style="color:red">*</span></label>
                                <input id="city" type="text" class="form-control @error('city') is-invalid @enderror" name="city" value="{{ old('city') }}" required autocomplete="city" autofocus>

                                @error('country')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                          
                            <div class="col-md-3">
                            	<label for="pincode" class="col-form-label">{{ __('Pincode') }} <span style="color:red">*</span></label>
                                <input id="pincode" type="tel"  maxlength="6" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" class="form-control @error('pincode') is-invalid @enderror" name="pincode" value="{{ old('pincode') }}" required autocomplete="pincode" autofocus>

                                @error('pincode')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            
                        </div>
                     
                        
                        <div id="billing_info">
                            <label class="form-label"><strong>Billing Information</strong></label>

                            <div class="form-group row">
                                <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->

                                <div class="col-md-6">
                                	<label for="billing_company_name" class="col-form-label">{{ __('Company Name') }} <span style="color:red">*</span></label>
                                    <input id="billing_company_name" type="text" class="form-control @error('billing_company_name') is-invalid @enderror" name="billing_company_name" value="{{ old('billing_company_name') }}" autocomplete="billing_company_name" autofocus>

                                    @error('billing_company_name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>      

                                <div class="col-md-6">
                                	<label for="contact_person" class="col-form-label">{{ __('Contact person') }} <span style="color:red">*</span></label>
                                    <input id="contact_person" type="text" class="form-control @error('contact_person') is-invalid @enderror" name="contact_person" value="{{ old('contact_person') }}" autocomplete="contact_person" autofocus>

                                    @error('contact_person')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>                    
                                
                            </div>
                            <div class="form-group row">
                                <div class="col-md-2">
                                  <label for="billing_landline_no_std_code" class="col-form-label">{{ __('Std Code') }} <span style="color:red">*</span></label>
                                    <input id="billing_landline_no_std_code" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  type="tel" class="form-control @error('billing_landline_no_std_code') is-invalid @enderror" name="billing_landline_no_std_code" value="{{ old('billing_landline_no_std_code') }}" autocomplete="billing_landline_no_std_code">

                                    @error('billing_landline_no')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-4">
                                  <label for="billing_landline_no" class="col-form-label">{{ __('Landline No') }} <span style="color:red">*</span></label>
                                    <input id="billing_landline_no" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  type="tel" class="form-control @error('billing_landline_no') is-invalid @enderror" name="billing_landline_no" value="{{ old('billing_landline_no') }}" autocomplete="billing_landline_no">

                                    @error('billing_landline_no')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                  <label for="biiling_mobile_no" class="col-form-label">{{ __('Mobile') }} <span style="color:red">*</span></label>
                                    <input id="biiling_mobile_no" maxlength="10" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  type="tel" class="form-control @error('biiling_mobile_no') is-invalid @enderror" name="billing_mobile" value="{{ old('billing_mobile') }}" autocomplete="biiling_mobile_no" pattern=".{10,10}">

                                    @error('biiling_mobile_no')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                </div>
                            <div class="form-group row">
                                <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->

                                <div class="col-md-12">
                                	<label for="billing_address" class="col-form-label">{{ __('Address') }} <span style="color:red">*</span></label>
                                    <input id="billing_address" type="text" class="form-control @error('billing_address') is-invalid @enderror" name="billing_address" value="{{ old('billing_address') }}" autocomplete="billing_address" autofocus>

                                    @error('billing_address')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>                         
                                
                            </div>
                            <div class="form-group row">
                                <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->                        

                                
                                <div class="col-md-3">
                                	<label for="billing_country" class="col-form-label">{{ __('Country') }} <span style="color:red">*</span></label>
                                    <input id="billing_country" type="text" class="form-control @error('billing_country') is-invalid @enderror" name="billing_country" value="India" autocomplete="billing_country" autofocus readonly>

                                    @error('billing_country')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>   
                                <div class="col-md-3">
                                	<label for="billing_state" class="col-form-label">{{ __('State') }} <span style="color:red">*</span></label>
                                    
                                    <select id="billing_state" class="form-control @error('billing_state') is-invalid @enderror" name="billing_state" autocomplete="state" autofocus>
                                        <option value="">Select State</option>
                                        @foreach($state_detail AS $state)
                                        <option value="{{$state}}" @if($state == old('billing_state')) selected="selected" @endif>{{$state}}</option>
                                        @endforeach
                                    </select>
                                    @error('billing_state')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                	<label for="billing_city" class="col-form-label">{{ __('City') }} <span style="color:red">*</span></label>
                                    <input id="billing_city" type="text" class="form-control @error('billing_city') is-invalid @enderror" name="billing_city" value="{{ old('billing_city') }}" autocomplete="billing_city" autofocus>

                                    @error('billing_city')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>  
                                <div class="col-md-3">
                                	<label for="billing_pincode" class="col-form-label">{{ __('Pincode') }} <span style="color:red">*</span></label>
                                    <input id="billing_pincode" type="text" class="form-control @error('billing_pincode') is-invalid @enderror" name="billing_pincode" value="{{ old('billing_pincode') }}" autocomplete="billing_pincode" autofocus>

                                    @error('billing_pincode')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>                    
                                
                            </div>
                            <div class="form-group row">
                                <!--<label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('First Name') }}</label>-->

                                <div class="col-md-6">
                                	<label for="gst_no" class="col-form-label">{{ __('GST NO') }} <span style="color:red">*</span></label>
                                    <input id="gst_no" type="text" class="form-control @error('gst_no') is-invalid @enderror" name="gst_no" value="{{ old('gst_no') }}" autocomplete="gst_no" autofocus maxlength='15'>

                                    @error('gst_no')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>      

                                <div class="col-md-6">
                                	<label for="pan_no" class="col-form-label">{{ __('PAN NO') }} <span style="color:red">*</span></label>
                                    <input id="pan_no" type="text" class="form-control @error('pan_no') is-invalid @enderror" name="pan_no" value="{{ old('pan_no') }}" autocomplete="state" autofocus maxlength='10'>

                                    @error('pan_no')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>                    
                                
                            </div>
                            <div class="form-group row">
                            <div class="col-md-12">
                                	<label for="billing_email" class="col-form-label">{{ __('E-Mail Address') }} <span style="color:red">*</span></label>
                                    <input id="billing_email" type="email" class="form-control @error('billing_email') is-invalid @enderror" name="billing_email" value="{{ old('billing_email') }}" autocomplete="billing_email">

                                    @error('billing_email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <!--<label for="company_name" class="col-md-4 col-form-label text-md-right">{{ __('Company Name') }}</label>-->
                                

                         </div>
                    </div><!-- EO: billing_info div -->
                        
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label for="captcha-confirm" class="col-form-label captcha-img">{!! captcha_img('inverse') !!}</label>
                                <button type="button" class="btn btn-success"  id="refresh" >Refresh Captcha</button>
                                <input id="captcha" type="text" class="form-control @error('password') is-invalid @enderror" placeholder="Enter Captcha" name="captcha" maxlength="5">
                                @error('captcha')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>Please provide proper Captcha.</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        

                        <!-- @if(env('GOOGLE_RECAPTCHA_KEY'))
                            <div class="g-recaptcha"
                                data-sitekey="{{env('GOOGLE_RECAPTCHA_KEY')}}">
                            </div>
                        @endif -->
                        <div class="form-group row mb-0 card-footer register ">
                            <div class="col-md-10 ">
                               <button type="submit" class="btn btn-primary ">
                                    {{ __('Register') }}
                                </button>
                                <div class="loadingio-spinner-rolling-a4nj2xbs22l loader">
                                    <div class="ldio-kgnfu0cytyf">
                                  <div>
                                  </div>
                                  </div>
                                </div>

                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
<script src='https://www.google.com/recaptcha/api.js'></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script>
    $(document).ready(function () {

        $('#billing_info').hide();
        $('#event_id').on('change', function() {
            if($(this).val() == '6'){                
                $('#billing_info').hide();
                 $('#billing_company_name').removeAttr('required');
                $('#contact_person').removeAttr('required');
                $('#billing_landline_no_std_code').removeAttr('required');
                $('#billing_landline_no').removeAttr('required');
                $('#biiling_mobile_no').removeAttr('required');
                $('#billing_address').removeAttr('required');
                $('#billing_country').removeAttr('required');
                $('#billing_state').removeAttr('required');
                $('#billing_city').removeAttr('required');
                $('#billing_pincode').removeAttr('required');
                $('#gst_no').removeAttr('required');
                $('#pan_no').removeAttr('required');
                $('#billing_email').removeAttr('required');
            }else{
                $('#billing_info').show();
                $('#billing_company_name').attr("required", "true");
                $('#contact_person').attr("required", "true");
                $('#billing_landline_no_std_code').attr("required", "true");
                $('#billing_landline_no').attr("required", "true");
                $('#biiling_mobile_no').attr("required", "true");
                $('#billing_address').attr("required", "true");
                $('#billing_country').attr("required", "true");
                $('#billing_state').attr("required", "true");
                $('#billing_city').attr("required", "true");
                $('#billing_pincode').attr("required", "true");
                $('#gst_no').attr("required", "true");
                $('#pan_no').attr("required", "true");
                $('#billing_email').attr("required", "true");                
            }
        });

      $('.loader').hide();
        $('#refresh').click(function(){
          
            $.ajax({
                type:'GET',
                url:'refreshcaptcha',
                success:function(data){
                   // console.log(data);
                    $(".captcha-img").html(data.captcha);
                }
            });
        });

        $('.submit').click(function(){
          $('.loader').show();
          $('.submit').hide();
        });
    });

</script>