@extends('layout')
@section('content')
<div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-6 offset-md-3">
          <div class="theme-box-shadow theme-border-radius theme-bg-white p-4">
            <div class="d-flex align-items-center justify-content-center border-bottom mb-3">
              <span class="fs-4 fw-bold pb-4 text-uppercase">@translate('auth', 'register_title')</span>
            </div>
            <div class="col-12">
              <form class="needs-validation" action="" method="POST" novalidate u-load="
              let i = 0;
              for(let id in window.cartGuestStorage.data){
                document.createElementP('input', {type: 'hidden', name:`cart[${i}][]`, value: id}, null, this);
                document.createElementP('input', {type: 'hidden', name:`cart[${i}][]`, value: window.cartGuestStorage.data[id]}, null, this);
                i++;
              }">
                @csrf
                <div class="mb-3 position-relative">
                  <label class="form-label fw-bold">@translate('auth', 'register_name_title')</label>
                  <i class="bi bi-person-circle position-absolute end-1 fs-5 theme-text-accent-one" style="top:45px; @error('name')right: 32px;@enderror"></i>
                  <input type="text" class="form-control form-control-lg @error('name') is-invalid @enderror" style="@error('name')padding-right: 60px;@else padding-right: 45px; @enderror" name="name"
                    placeholder="@translate('auth', 'register_name')" required value="{{ old('name') }}">
                    @error('name')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 position-relative">
                  <label class="form-label fw-bold">@translate('auth', 'register_surname_title')</label>
                  <i class="bi bi-file-person-fill position-absolute end-1 fs-5 theme-text-accent-one" style="top:45px; @error('surname')right: 32px;@enderror"></i>
                  <input type="text" class="form-control form-control-lg @error('surname') is-invalid @enderror" style="@error('surname')padding-right: 60px;@else padding-right: 45px; @enderror" name="surname"
                    placeholder="@translate('auth', 'register_surname')" required value="{{ old('surname') }}">
                    @error('surname')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 position-relative">
                  <label class="form-label fw-bold">@translate('auth', 'register_email_title')</label>
                  <i class="bi bi-envelope-fill position-absolute end-1 fs-5 theme-text-accent-one" style="top:45px; @error('email')right: 32px;@enderror"></i>
                  <input type="text" class="form-control form-control-lg @error('email') is-invalid @enderror" style="@error('email')padding-right: 60px;@else padding-right: 45px; @enderror" name="email"
                    placeholder="@translate('auth', 'register_email')" required value="{{ old('email') }}">
                    @error('email')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 position-relative">
                  <label class="form-label fw-bold">@translate('auth', 'register_phone_number_title')</label>
                  <i class="bi  bi-telephone-fill position-absolute end-1 fs-5 theme-text-accent-one" style="top:45px; @error('phone_number')right: 32px;@enderror"></i>
                  <input type="text" class="form-control form-control-lg @error('phone_number') is-invalid @enderror" style="@error('phone_number')padding-right: 60px;@else padding-right: 45px; @enderror" name="phone_number"
                    placeholder="@translate('auth', 'register_phone_number')" required value="{{ old('phone_number') }}">
                    @error('phone_number')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 position-relative">
                  <label class="form-label fw-bold">@translate('auth', 'register_password_title')</label>
                  <i class="bi bi-lock-fill position-absolute end-1 fs-5 theme-text-accent-one" style="top:45px; @error('password')right: 32px;@enderror"></i>
                  <input type="password" class="form-control form-control-lg @error('password') is-invalid @enderror" style="@error('password')padding-right: 60px;@else padding-right: 45px; @enderror" name="password"
                    placeholder="@translate('auth', 'register_password')" required value="{{ old('password') }}">
                    @error('password')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="mb-3 position-relative">
                  <label class="form-label fw-bold">@translate('auth', 'register_password_repeat_title')</label>
                  <i class="bi bi-lock-fill position-absolute end-1 fs-5 theme-text-accent-one" style="top:45px; @error('r_password')right: 32px;@enderror"></i>
                  <input type="password" class="form-control form-control-lg @error('r_password') is-invalid @enderror" style="@error('r_password')padding-right: 60px;@else padding-right: 45px; @enderror" name="r_password"
                    placeholder="@translate('auth', 'register_password_repeat')" required value="{{ old('r_password') }}">
                    @error('r_password')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>
                <div class="custom-button">
                  <div class="d-flex flex-lg-row flex-column justify-content-lg-between">
                    <button type="submit" class="custom-btn-primary button-effect px-4">@translate('auth', 'register_button')</button>
                    <span class="small mt-3">
                      @translate('auth', 'register_already_have') <a href="@localeUrl('login')?{{ http_build_query(['back' => url()->query('back')]) }}" class="ps-1">@translate('auth', 'register_link_to_login')</a>
                    </span>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <!-- signup page -->
      </div>
    </div>
  </div>
@endsection