@extends('web.include.master')

@section('content')
<!-- Begin page -->
<div class="breadcrmb">
  <div class="container">
    <ul>
      <li><a href="#"><i class="fa fa-home"></i></a></li>
      <li> @lang('arsh.login_txt5')</li>
    </ul>
  </div>
</div>

<div class="auth_form_wrpe">
  <div class="container">
    <div class="auth_wrp_small xssmll_auth">
      <div class="row">
        <div class="col-md-12">
          <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
            <form action="{{ url($lg.'/customer-store') }}" method="POST" >
            @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="tel" name="telephone" class="form-control @error('telephone') is-invalid @enderror"  value="{{ old('telephone') }}" placeholder="TELEFON">-->
              <!--  <label for="floatingInput">TELEFON </label>-->
              <!--  @error('telephone')-->
              <!--          <span class="invalid-feedback" role="alert">-->
              <!--              <strong>{{ $message }}</strong>-->
              <!--          </span>-->
              <!--  @enderror-->
              <!--</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="form-floating">
                <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 class="g-recaptcha" data-sitekey="6Lem4VEqAAAAAE9TCZiTLcjYX0wfz8kTfeqgtnQQ"></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 class="auth_bottm_ara">
              <ul>
                <li><a href="#"><i class="fa-solid fa-unlock-keyhole"></i> @lang('arsh.login_txt4')</a></li> 
                <li><a href="{{ url($lg.'/user-login') }}"><i class="fa-regular fa-user"></i> @lang('arsh.login')</a></li>
              </ul>
            </div>
          </div>
        </div>
        <!-- <div class="col-md-6">
          <div class="authbg">
            <img src="img/gold_invest_logo.png" alt="">
          </div>
        </div> -->
      </div>
    </div>
  </div>
</div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endsection