@extends('frontend.layouts.app')

@section('title')
About
@endsection

@section('seo')

@endsection

@section('content')

<link rel="stylesheet" href="{{ asset('css/signUp.css')}}">

<div class="container signup">
  <div class="row">
    <div class="col-7">
      <form class="row g-3" action={{url('/createAcct')}} method="POST">@csrf
        <p class="sign">Sign Up to Zenorex</p>
        <p class="account">Create an Account</p>
        <p class="cred">Please enter the required credentials below.</p>
        <div class="col-md-6">
          <!--  <label for="inputEmail4" class="form-label">Email</label> -->
          <input type="email" placeholder="Email*" class="form-control input-forms" name="email" id="">
          @error('email')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>
        <div class="col-md-6">

        </div>
        <div class="col-md-6">
          <!--  <label for="inputPassword4" class="form-label">Password</label> -->
          <input id="password" type="password" placeholder="Password" class="form-control input-forms @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
          @error('password')
              <span class="invalid-feedback" role="alert">
                  <strong>{{ $message }}</strong>
              </span>
          @enderror
        </div>
        <div class="col-md-6">
          <!--  <label for="inputPassword4" class="form-label">Password</label> -->
          <input id="password" type="password" placeholder="Confirm Password" class="form-control input-forms @error('password') is-invalid @enderror" name="password_confirmation" required autocomplete="current-password">
        </div>
        <p class="personal-Info">Personal Information</p>
        <div class="col-md-6">
          <!-- <label for="inputAddress" class="form-label">Address</label> -->
          <input type="text" class="form-control input-forms" placeholder="Phone No.*" name="phonenumber" id="">
          @error('phoneNumber')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>
        <div class="col-md-6">
          <!-- <label for="inputAddress" class="form-label">Address</label> -->
          <input type="text" class="form-control input-forms" placeholder="Email Address*" name="emailAddress" id="">
          @error('emailAddress')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>
        <div class="col-md-6">
          <!-- <label for="inputAddress" class="form-label">Address</label> -->
          <input type="text" class="form-control input-forms" placeholder="First Name*" name="firstname" id="">
          @error('firstName')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>
        <div class="col-md-6">
          <!-- <label for="inputAddress" class="form-label">Address</label> -->
          <input type="text" class="form-control input-forms" placeholder="Last Name*" name="lastname" id="">
          @error('lastName')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>

        <div class="col-12">
          <!-- <label for="inputAddress2" class="form-label"></label> -->
          <input type="text" class="form-control input-formst" id="inputAddress2" name="address" placeholder="Complete Home Address*">
          @error('address')
            <span class="text-danger">{{ $message }}</span>
          @enderror
        </div>

        <p class="personal-data">Your personal data will be used to support your experience throughout this website, to manage access to your account, and for the other purpose described in our privacy policy.</p>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
          <label class="form-check-label" for="flexCheckDefault">
            <p class="terms"> I have read and agree to the <span class="condition">terms and conditions</span>.</p>
          </label>
        </div>
        <div class="col-12">
          <button type="submit" class="sign-btn rounded-5">SIGN UP</button>
        </div>
      </form>
    </div>
    <div class="col">

    </div>
  </div>
</div>


<style>
  .site-footer {
    display: none;
  }
</style>

@endsection