@extends('web.include.business_master')

@section('content')
@php
    if($lang=='de'){
        $lang='';
    }else{
        $lang=$lang;
    }
@endphp
<style>
    .auth_wrp_small{
        max-width:100%;
    }
</style>

<div class="auth_form_wrpe">
  <div class="container">
    <div class="auth_wrp_small">
      <div class="row">
        <div class="col-md-6">
          <div class="auth_form_strt">
            <div class="auth_title">
              <h3>@php
        $text = __("arsh.login", [], $lang=='de' ? 'de' : $lang );
        echo $text;
        @endphp</h3>
              <p>@php
        $text = __("arsh.login_txt1", [], $lang=='de' ? 'de' : $lang );
        echo $text;
        @endphp</p>
            </div>
            @if (\Session::has('success'))
                <div class="alert alert-success alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>{!! \Session::get('success') !!}</strong>
                </div>
            @endif
            <form method="POST" action="{{url($lang.'/business_customer_login') }}">
            @csrf
              <div class="form-floating mb-3">
                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" id="floatingInput" placeholder="name@example.com">
                <label for="floatingInput">
                    @php
                    $text = __("arsh.login_txt2", [], $lang=='de' ? 'de' : $lang );
                    echo $text;
                    @endphp
                </label>
                @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>
              <div class="form-floating">
                <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" id="floatingPassword" placeholder="Password">
                <label for="floatingPassword">@lang('arsh.login_txt3')</label>
                @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>
              <div class="form_btm">
                <button type="submit" class="btn btn-gold">
                @php
                $text = __("arsh.login_btn", [], $lang=='de' ? 'de' : $lang );
                echo $text;
                @endphp
                </button>
              </div>
            </form>
          </div>
        </div>
        <div class="col-md-6">
            <div class="auth_form_strt">
            <div class="auth_title">
              <h3> @lang('arsh.login_txt5')</h3>
              <p> @lang('arsh.reg_txt1')</p>
            </div>
            @if (\Session::has('success'))
                    <div class="alert alert-success alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong>{!! \Session::get('success') !!}</strong>
                    </div>
            @endif
            @if($lang=='de')
            <form action="{{ url('/business-customer-store') }}" method="POST"  enctype="multipart/form-data">
            @else
            <form action="{{ url($lang.'/business-customer-store') }}" method="POST" enctype="multipart/form-data" >
            @endif        
            @csrf
            @honeypot
    
              <div class="row">
                <div class="col-md-3">
                  <div class="form-floating">
                    <select class="form-select" id="floatingSelect" aria-label="Floating label select example">
                      <option selected>Herr</option>
                      <option value="1">Frau</option>
                    </select>
                    <label for="floatingSelect">@lang('arsh.reg_txt2')</label>
                  </div>
                </div>
                <div class="col-md-9">
                  <div class="form-floating mb-3">
                    <input type="text" name="name" id="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @enderror" id="floatingInput" placeholder="@lang('arsh.reg_txt3')">
                    <label for="floatingInput">@lang('arsh.reg_txt3') </label>
                    @error('name')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                  </div>

                </div>
              </div>

              <div class="form-floating mb-3">
                <input type="text" name="first_name" id="first_name" value="{{ old('first_name') }}" class="form-control @error('first_name') is-invalid @enderror" placeholder="@lang('arsh.reg_txt4')" required>
                <label for="floatingInput">@lang('arsh.reg_txt4')</label>
                @error('first_name')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>


              <div class="form-floating mb-3">
                <input type="text" name="last_name" id="last_name" value="{{ old('last_name') }}" class="form-control @error('last_name') is-invalid @enderror" id="floatingInput" placeholder="@lang('arsh.reg_txt5')" required>
                <label for="floatingInput">@lang('arsh.reg_txt5')</label>
                @error('last_name')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>

              <div class="form-floating mb-3">
                <input type="date" name="dob" id="dob" value="{{ old('dob') }}" class="form-control @error('dob') is-invalid @enderror" placeholder="@lang('arsh.reg_txt6')" required>
                <label for="floatingInput">@lang('arsh.reg_txt6')</label>
                @error('dob')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>


              <div class="seperater">
                <h5>Login Information</h5>
              </div>

              <div class="form-floating mb-3">
                <input type="email" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror" placeholder="@lang('arsh.reg_txt7')" required>
                <label for="floatingInput">@lang('arsh.reg_txt7')</label>
                @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>

              <div class="form-floating mb-3">
                <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="@lang('arsh.reg_txt8')" required> 
                <label for="floatingInput">@lang('arsh.reg_txt8')</label>
                @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>

              <div class="form-floating mb-3">
                <input type="password" name="password_confirmation" class="form-control" placeholder="@lang('arsh.reg_txt9')" required>
                <label for="floatingInput">@lang('arsh.reg_txt9')</label>
              </div>

              <div class="seperater">
                <h5>@lang('arsh.reg_txt10')</h5>
              </div>

              <div class="form-floating mb-3">
                <input type="text" name="mobile" class="form-control @error('mobile') is-invalid @enderror" maxlength="15" value="{{ old('mobile') }}" placeholder="@lang('arsh.reg_txt11')" required>
                <label for="floatingInput">@lang('arsh.reg_txt11')</label>
                @error('mobile')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>

              <div class="form-floating mb-3">
                <input type="text" name="address" class="form-control @error('address') is-invalid @enderror" value="{{ old('address') }}" placeholder="@lang('arsh.reg_txt12')" required>
                <label for="floatingInput">@lang('arsh.reg_txt12')</label>
                @error('address')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
              </div>

              <div class="row">
                <div class="col-md-4">
                  <div class="form-floating mb-3">
                    <input type="text" name="zip_code" class="form-control @error('zip_code') is-invalid @enderror" value="{{ old('zip_code') }}" placeholder="@lang('arsh.reg_txt13')" required>
                    <label for="floatingInput">@lang('arsh.reg_txt13')</label>
                    @error('zip_code')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="form-floating mb-3">
                  <input type="text" name="city" class="form-control @error('city') is-invalid @enderror" value="{{ old('city') }}" placeholder="@lang('arsh.reg_txt14')" required>
                    <label for="floatingInput">@lang('arsh.reg_txt14')</label>
                    @error('city')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                  </div>
                </div>
              </div>
                <div class="row">
              <div class="form-floating col-md-12">
                <select name="country" class="form-select @error('country') is-invalid @enderror" id="floatingSelect" aria-label="SELECT COUNTRY" required>
                  <option value="">@lang('arsh.reg_txt15')</option>
                  @if(!empty($Country))
                        @foreach ($Country as $list)
                            <option value="{{ $list->id }}">{{ $list->Country }}</option>
                        @endforeach
                    @endif
                </select>
                <label for="floatingSelect">Land</label>
                @error('country')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
              </div>
              </div><br/><br/>
              <div class="row">
                <div class="col-md-12">
                    <div class="form-floating mb-3">
                        <input type="text" name="company" id="company" value="{{ old('company') }}" class="form-control @error('company') is-invalid @enderror" placeholder="@lang('arsh.biz_reg_txt1')">
                        <label for="floatingInput">@lang('arsh.biz_reg_txt1')</label>
                        @error('company')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
            
            <div class="form-floating mb-3">
                <input type="text" name="authorized_person" id="authorized_person" value="{{ old('authorized_person') }}" class="form-control @error('authorized_person') is-invalid @enderror" placeholder="@lang('arsh.biz_reg_txt2')" required>
                <label for="floatingInput">@lang('arsh.biz_reg_txt2')</label>
                @error('authorized_person')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <input type="text" name="representative" value="{{ old('representative') }}" class="form-control @error('representative') is-invalid @enderror" placeholder="@lang('arsh.biz_reg_txt3')">
                <label for="floatingInput">@lang('arsh.biz_reg_txt3')</label>
                @error('representative')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <input type="nationality" name="nationality" value="{{ old('nationality') }}" class="form-control @error('nationality') is-invalid @enderror" placeholder="@lang('arsh.biz_reg_txt5')" required>
                <label for="floatingInput">@lang('arsh.biz_reg_txt5')</label>
                @error('nationality')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <input type="text" name="tax_number" value="{{ old('tax_number') }}" class="form-control @error('tax_number') is-invalid @enderror" placeholder="@lang('arsh.biz_reg_txt6')" required>
                <label for="floatingInput">@lang('arsh.biz_reg_txt6')</label>
                @error('tax_number')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <input type="text" name="commercial_register_number" class="form-control" placeholder="@lang('arsh.biz_reg_txt7')" required>
                <label for="floatingInput">@lang('arsh.biz_reg_txt7')</label>
            </div>
            
            <div class="form-floating mb-3">
                <select name="client_type" class="form-select @error('client_type') is-invalid @enderror" id="floatingSelect" aria-label="@lang('arsh.biz_reg_txt8')" required>
                    <option value="">@lang('arsh.biz_reg_txt24')</option>    
                    <option value="private">@lang('arsh.biz_reg_txt22')</option>
                    <option value="company">@lang('arsh.biz_reg_txt23')</option>
                </select>
                <label for="floatingSelect">@lang('arsh.biz_reg_txt8')</label>
                @error('client_type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <select name="is_pep" class="form-select @error('is_pep') is-invalid @enderror" id="is_pep" aria-label="Politically Exposed Person (PEP)" required>
                    <option value="yes">@lang('arsh.biz_reg_txt20')</option>
                    <option value="no">@lang('arsh.biz_reg_txt21')</option>
                </select>
                <label for="is_pep">@lang('arsh.biz_reg_txt9')</label>
                @error('is_pep')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <select name="document_type" class="form-select @error('document_type') is-invalid @enderror" id="document_type" aria-label="@lang('arsh.biz_reg_txt10')" required>
                    <option value="">@lang('arsh.biz_reg_txt19')</option>    
                    <option value="passport">@lang('arsh.biz_reg_txt16')</option>
                    <option value="id_card">@lang('arsh.biz_reg_txt17')</option>
                    <option value="driving_license">@lang('arsh.biz_reg_txt18')</option>
                </select>
                <label for="document_type">@lang('arsh.biz_reg_txt10')</label>
                @error('document_type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3" id="passport_section" style="display:none;">
                <input type="file" name="passport_copy" class="form-control @error('passport_copy') is-invalid @enderror" value="{{ old('passport_copy') }}">
                <label for="floatingInput">@lang('arsh.biz_reg_txt11')</label>
                @error('passport_copy')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3" id="id_card_section" style="display:none;">
                <input type="file" name="id_card_copy" class="form-control @error('id_card_copy') is-invalid @enderror" value="{{ old('id_card_copy') }}">
                <label for="floatingInput">@lang('arsh.biz_reg_txt12')</label>
                @error('id_card_copy')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3" id="driving_license_section" style="display:none;">
                <input type="file" name="driving_license_copy" class="form-control @error('driving_license_copy') is-invalid @enderror" value="{{ old('driving_license_copy') }}">
                <label for="floatingInput">@lang('arsh.biz_reg_txt13')</label>
                @error('driving_license_copy')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            
            <div class="form-floating mb-3">
                <select name="sanctions" class="form-select @error('sanctions') is-invalid @enderror" id="sanctions" aria-label="@lang('arsh.biz_reg_txt14')" required>
                    <option value="">@lang('arsh.biz_reg_txt24')</option>    
                    <option value="yes">@lang('arsh.biz_reg_txt20')</option>
                    <option value="no">@lang('arsh.biz_reg_txt21')</option>
                </select>
                <label for="sanctions">@lang('arsh.biz_reg_txt14')</label>
                @error('document_type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="form-floating mb-3">
                <select name="grade_id" class="form-select @error('grade_id') is-invalid @enderror" id="grade_id" aria-label="@lang('arsh.biz_reg_txt8')" required>
                    <option value="">Select Grade</option> 
                    @foreach($Grades as $grade)
                    <option value="{{$grade->id}}">Grade {{$grade->name}}</option>
                    @endforeach
                </select>
                <label for="grade_id">Grade</label>
                @error('grade_id')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
              <div class="form-check mt-3">
                <input class="form-check-input" type="hidden" value="2" id="businessAccount" name="is_business">
              </div>
                <div class="g-recaptcha" data-sitekey="6LeRgaIqAAAAAB_5XA2KvivtzonIe2cFQj06CGgd"></div>
                @if ($errors->has('g-recaptcha-response'))
                    <span class="text-danger">
                        <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                    </span>
                @endif
                @if ($errors->has('captcha'))
                    <span class="text-danger">
                        <strong>{{ $errors->first('captcha') }}</strong>
                    </span>
                @endif

              <div class="form-check mt-3">
                <input class="form-check-input" required type="checkbox" value="" id="flexCheckDefault">
                <label class="form-check-label" for="flexCheckDefault">@lang('arsh.reg_txt16')</label>
              </div>

              <div class="form_btm">
                <button type="submit" class="btn btn-gold">@lang('arsh.reg_txt17')</button>
              </div>
            </form>
          </div>
          <!--<div class="authbg">-->
          <!--  <img src="{{ URL::asset('front/img/gold_invest_logo.png') }}" alt="">-->
          <!--</div>-->
        </div>
      </div>
    </div>
  </div>
</div>
<script>
    document.getElementById('document_type').addEventListener('change', function() {
        document.getElementById('passport_section').style.display = 'none';
        document.getElementById('id_card_section').style.display = 'none';
        document.getElementById('driving_license_section').style.display = 'none';
        
        let selected = this.value;
        if (selected === 'passport') {
            document.getElementById('passport_section').style.display = 'block';
        } else if (selected === 'id_card') {
            document.getElementById('id_card_section').style.display = 'block';
        } else if (selected === 'driving_license') {
            document.getElementById('driving_license_section').style.display = 'block';
        }
    });
</script>
@endsection