@extends('layouts.guest2')

@section('title', 'Creaet Account')




@section('content')

 






<div class="col-md-8 offset-md-8 text-left side_signing_full">
  <form class="form-signin1 full_side text-white" action="{{ route('register') }}" method="POST">
    @csrf
    <img style="width:45%;height:25%" src="{{asset('storage/app/public/photos/'.$settings->logo)}}">
    @if(Session::has('status'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ Session::get('status') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif
    <span>
      <h3 style="color:crimson;text-align:center"></h3>
    </span>
    <span>
      <h3 style="color:green;text-align:center"></h3>
    </span>
    <h2 class="tex-black mb-4">Register</h2>
    <label style="color:black">Full name</label>
    <input type="text" style="color:black;font-weight:bold" class="form-control" name="name" placeholder="Enter full name" value="" required>
    @if ($errors->has('name'))
    <span style="color:crimson">{{ $errors->first('name') }}</span>
    @endif
    <br>
  
    <label style="color:black">Username</label>
    <input type="text" style="color:black;font-weight:bold" class="form-control" name="username" placeholder="Username" value="" required>
    @if ($errors->has('username'))
    <span style="color:crimson">{{ $errors->first('username') }}</span>
    @endif
    <br>
    <label style="color:black">Email address</label>
    <input type="text" style="color:black;font-weight:bold" class="form-control" name="email"  value="{{ old('email') }}" placeholder="Email address"  required>
    @if ($errors->has('email'))
    <span style="color:crimson">{{ $errors->first('email') }}</span>
    @endif   
    <br>
    <label style="color:black">Password</label>
    <input type="password" style="color:black;font-weight:bold" class="form-control" name="password" placeholder=" Password" value="" required>
    @if ($errors->has('password'))
    <span style="color:crimson">{{ $errors->first('password') }}</span>
    @endif
    <br>
    <label style="color:black">Retype Password</label>
    <input type="password" style="color:black;font-weight:bold" class="form-control" name="password_confirmation" placeholder="Retype Password" value="" required>
    @if ($errors->has('password'))
    <span style="color:crimson">{{ $errors->first('password') }}</span>
    @endif 
    <br>
    <label style="color:black">Phone Number</label>
    <input type="text" style="color:black;font-weight:bold" class="form-control"  name="phone" value="{{ old('phone') }}" placeholder="Phone number" required>
    @if ($errors->has('phone'))
    <span style="color:crimson">{{ $errors->first('phone') }}</span>
    @endif
    <br>
    @if(Session::has('ref_by'))
    <label style="color:black">Referral</label>
    <input type="text" style="color:black;font-weight:bold" class="form-control"   value="{{session('ref_by')}}" name="ref_by"placeholder="None" readonly>
    @endif
    <span style="color:crimson"></span>
    <br>
    <label style="color:black">Country</label>
    <select style="color:#252d47" style="color:black;font-weight:bold" class="form-control " name="country" data-live-search="true" tabindex="-1" aria-hidden="true" required>

      @include('auth.countries')
    </select>
    @if ($errors->has('country'))
    <span style="color:crimson">{{ $errors->first('country') }}</span>
    @endif
    
    <br>
    <label style="color:black">State</label>
    <input class="form-control" style="color:black;font-weight:bold" type="text" name="state" placeholder="State" value="" required>
    <span style="color:crimson"></span>
    <br>
    <label style="color:black">Address</label>
    <input class="form-control" style="color:black;font-weight:bold" type="text" name="Address_u" placeholder="Address" value="" required>
    <span style="color:crimson"></span>
    <br>
          <label style="color:black">Currency Type</label>
      <select style="color:#252d47" style="color:black;font-weight:bold" class="form-control" name="currency" data-live-search="true" tabindex="-1" aria-hidden="true" required>
                  <option value="&#x24;">DOLLAR &#x24;</option>
          <option value="&#x20AC;">EURO &#x20AC;</option>
          <option value="&#xA3;">POUNDS &#xA3;</option>
          <option value="&#x20BD;">RUSSIAN RUBLE &#x20BD;</option>
          <option value="&#x20BA;">TURKISH LIRA &#x20BA;</option>
          <option value="R">RAND R</option>
          <option value="N$">NAMIBIA DOLLAR N$</option>
              </select>
      <span style="color:crimson"></span>
      <br>
        <label style="color:black">Account Type</label>
    <select style="color:#252d47" style="color:black;font-weight:bold" class="form-control" name="account_type" data-live-search="true" tabindex="-1" aria-hidden="true" required >
              <option>Forex Trading</option>
        <option>Stock Trading</option>
        <option>Binary Option Trading</option>
        <option>CryptoCurrency Investment</option>
        <option>NFTs </option>
          </select>
    <span style="color:crimson"></span>
    <br>
    <div class="checkbox">
      <input type="checkbox" name="agree" style="color:black;font-weight:bold" class="form-check-input" style="color:black;font-weight:bold" checked required>
     
      <b style="color:black">You agree to our terms and conditions</b>
    </div>
    <input type="submit" name="register_btn" class="btn btn-lg btn-success btn-round" style="background:#0080db;color:white" value="Register"><br>
  </form>
  <br>
</div>  </div>




 
  
@endsection