@extends('layouts.auth.default')

@section('content')
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;libraries=places&amp;key=AIzaSyBHZDtQGnOzwSTG214LbodtivhP_mgcSk4"></script>
    <div class="card-body login-card-body">
        <p style="color: #1ca7e2;" class="login-box-msg">{{__('auth.register_new_member')}}</p>

        <form action="{{ url('/register') }}" method="post">
            {!! csrf_field() !!}

            <div class="input-group mb-3">
                <input value="{{ old('name') }}" type="name" class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" placeholder="{{__('auth.name')}}" aria-label="{{__('auth.name')}}">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-user"></i></span>
                </div>
                @if ($errors->has('name'))
                    <div class="invalid-feedback">
                        {{ $errors->first('name') }}
                    </div>
                @endif
            </div>

            <div class="input-group mb-3">
                <input value="{{ old('phone') }}" type="tel" class="form-control {{ $errors->has('phone') ? ' is-invalid' : '' }}" name="phone" placeholder="Enter Mobile Number"  aria-label="Mobile Number">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-phone"></i></span>
                </div>
                @if ($errors->has('phone'))
                    <div class="invalid-feedback">
                        {{ $errors->first('phone') }}
                    </div>
                @endif
            </div>

            <div class="input-group mb-3">
                <input value="{{ old('personal_id') }}" type="number" class="form-control {{ $errors->has('personal_id') ? ' is-invalid' : '' }}" name="personal_id" placeholder="Enter Personal ID Number" aria-label="Personal ID">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-id-card"></i></span>
                </div>
                @if ($errors->has('personal_id'))
                    <div class="invalid-feedback">
                        Personal ID is Required
                    </div>
                @endif
            </div>

     <div class="input-group mb-3">
                <input value="{{ old('email') }}" type="email" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" placeholder="{{__('auth.email')}}" aria-label="{{__('auth.email')}}">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-envelope"></i></span>
                </div>
                @if ($errors->has('email'))
                    <div class="invalid-feedback">
                        {{ $errors->first('email') }}
                    </div>
                @endif
            </div>

            <div class="input-group mb-3">
                <input value="{{ old('password') }}" type="password" class="form-control  {{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{__('auth.password')}}" aria-label="{{__('auth.password')}}">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-lock"></i></span>
                </div>
                @if ($errors->has('password'))
                    <div class="invalid-feedback">
                        {{ $errors->first('password') }}
                    </div>
                @endif
            </div>

            <div class="input-group mb-3">
                <input value="{{ old('password_confirmation') }}" type="password" class="form-control  {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}" name="password_confirmation" placeholder="{{__('auth.password_confirmation')}}" aria-label="{{__('auth.password_confirmation')}}">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-lock"></i></span>
                </div>
                @if ($errors->has('password_confirmation'))
                    <div class="invalid-feedback">
                        {{ $errors->first('password_confirmation') }}
                    </div>
                @endif
            </div>
               <div class="input-group mb-3">
                <h5 class="form-control">Do you have Tax ID?</h5>
                   <div class="input-group-append">
                 <div class="switch-field">
		<input type="radio" id="radio-one" name="switch-one" value="yes"/>
		<label for="radio-one">Yes</label>
		<input type="radio" id="radio-two" name="switch-one" value="no" />
		<label for="radio-two">No</label>
	         </div> 
                   </div>
                </div>
               <div class="input-group mb-3 tax-group">
                <input value="{{ old('taxID') }}" type="number" class="form-control {{ $errors->has('taxID') ? ' is-invalid' : '' }}" name="taxID" 
                       placeholder="Enter Tax ID" aria-label="Tax ID">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-id-card"></i></span>
                </div>
                @if ($errors->has('taxID'))
                    <div class="invalid-feedback">
                        Tax ID is required
                    </div>
                @endif
            </div>

<div class="input-group mb-3">
<select value="{{ old('select_country') }}" class="form-control  {{ $errors->has('select_country') ? ' is-invalid' : '' }}" name="select_country">
<option value=""  >--Select Country</option>
@foreach ($country_dropdown_array as $data)                                       
<option value="{{ $data->id }}"  {{ $data->id ==  old('select_country') ? "selected" : "" }}>{{ $data->name }}</option>                                                      
 @endforeach
</select>
<div class="input-group-append">
<span class="input-group-text"><i class="fa fa-map-signs"></i></span>
</div>
  @if ($errors->has('select_country'))
                    <div class="invalid-feedback">
                        {{ $errors->first('select_country') }}
                    </div>
                @endif
</div>
<h3 style="text-align: center;padding-bottom: 10px;padding-top: 10px;color: #1ca7e2;">SU INFORMACIÓN BANCARIA</h3>

<div class="input-group mb-3">
                <input value="{{ old('bankName') }}" type="name" class="form-control {{ $errors->has('bankName') ? ' is-invalid' : '' }}" name="bankName" placeholder="Bank Name" aria-label="Bank Name">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-bank"></i></span>
                </div>
                @if ($errors->has('bankName'))
                    <div class="invalid-feedback">
                        {{ $errors->first('bankName') }}
                    </div>
                @endif
            </div>

<div class="input-group mb-3">
                <input value="{{ old('bankAccountName') }}" type="name" class="form-control {{ $errors->has('bankAccountName') ? ' is-invalid' : '' }}" name="bankAccountName" placeholder="Bank Account Name" aria-label="Bank Account Name">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-user-secret"></i></span>
                </div>
                @if ($errors->has('bankAccountName'))
                    <div class="invalid-feedback">
                         {{ $errors->first('bankAccountName') }}
                    </div>
                @endif
            </div>

<div class="input-group mb-3">
                <input value="{{ old('bankAccountNumber') }}" type="number" class="form-control {{ $errors->has('bankAccountNumber') ? ' is-invalid' : '' }}" name="bankAccountNumber" placeholder="Bank Account Number" aria-label="Bank Account Number">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-id-badge"></i></span>
                </div>
                @if ($errors->has('bankAccountNumber'))
                    <div class="invalid-feedback">
                       {{ $errors->first('bankAccountNumber') }}
                    </div>
                @endif
            </div>

<div class="input-group mb-3">
                <input value="{{ old('swiftCode') }}" type="number" class="form-control {{ $errors->has('swiftCode') ? ' is-invalid' : '' }}" name="swiftCode" placeholder="Swift Code" aria-label="Swift Code">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-code"></i></span>
                </div>
                @if ($errors->has('swiftCode'))
                    <div class="invalid-feedback">
                       {{ $errors->first('swiftCode') }}
                    </div>
                @endif
            </div>


<div class="input-group mb-3">
                <input value="{{ old('bankAddress') }}" type="name" class="form-control {{ $errors->has('bankAddress') ? ' is-invalid' : '' }}" name="bankAddress" placeholder="Bank Address" aria-label="Bank Address">
                <div class="input-group-append">
                    <span class="input-group-text"><i class="fa fa-address-card"></i></span>
                </div>
                @if ($errors->has('bankAddress'))
                    <div class="invalid-feedback">
                        {{ $errors->first('bankAddress') }}
                    </div>
                @endif
            </div>

            <div class="row mb-2">
                <div class="col-8">
                    <div class="checkbox icheck">
                        <label> <input type="checkbox" name="remember"> {{__('auth.agree')}}</label>
                    </div>
                </div>
                <!-- /.col -->
                <div class="col-4">
                    <button type="submit" class="btn btn-primary btn-block">{{__('auth.register')}}</button>
                </div>
                <!-- /.col -->
            </div>
        </form>

        @if(setting('enable_facebook',false) || setting('enable_google',false) || setting('enable_twitter',false))
            <div class="social-auth-links text-center mb-3">
                <p style="text-transform: uppercase">- {{__('lang.or')}} -</p>
                @if(setting('enable_facebook',false))
                    <a href="{{url('login/facebook')}}" class="btn btn-block btn-facebook"> <i class="fa fa-facebook mr-2"></i> {{__('auth.login_facebook')}}
                    </a>
                @endif
                @if(setting('enable_google',false))
                    <a href="{{url('login/google')}}" class="btn btn-block btn-google"> <i class="fa fa-google-plus mr-2"></i> {{__('auth.login_google')}}
                    </a>
                @endif
                @if(setting('enable_twitter',false))
                    <a href="{{url('login/twitter')}}" class="btn btn-block btn-twitter"> <i class="fa fa-twitter mr-2"></i> {{__('auth.login_twitter')}}
                    </a>
                @endif
            </div>
            <!-- /.social-auth-links -->
        @endif

        <p class="mb-1 text-center">
            <a href="{{ url('/login') }}">{{__('auth.already_member')}}</a>
        </p>
    </div>

    <!-- /.login-card-body -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
       $(".tax-group").hide(); 
        $("input[name=switch-one]").click(function(){
   var val =  $("input:radio[name=switch-one]:checked").val();

    if(val== 'yes'){
    $(".tax-group").show();
     $("input[name=taxID]").prop('required',true);
    }else{
      $(".tax-group").hide();
       $("input[name=taxID]").prop('required',false);
        $("input[name=taxID]").val('');
}
});
    });
</script>
@endsection