@extends('vendor.nova.partials.auth-layout')

@section('content')
    <div class="login-section d-center items-center h-screen">
        <div class="d-none h-full max-w-4xl">
            <img src="/assets/images/bank-img.png" class="h-full object-cover">
        </div>
        <div>
              {{--   <div class="logo">
                    <img src="assets/images/logo-login.png" width="200px">
                </div> --}}
                <form class="bg-white dark:bg-gray-800 rounded-lg p-8 w-[25rem] mx-auto mt-1" method="POST" action="{{ route('register') }}">
                @csrf
                <h2 class="text-2xl text-center font-normal mb-6">{{ __('Online panel') }}</h2>
                <svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
                    <path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
                </svg>
                <div class="mb-1">
                    <label class="block mb-1" for="username">
                        {{ __('Full Name') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full @error('name') form-input-border-error @enderror" id="name" type="text" name="name" autofocus="" value="{{ old('name') }}">

                    @error('name')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="mb-1">
                    <label class="block mb-1" for="username">
                        {{ __('Phone') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full" id="phone" type="text" name="phone" autofocus=""  value="{{ old('phone') }}">

                    @error('phone')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="mb-1">
                    <label class="block mb-1" for="username">
                        {{ __('Username') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full" id="username" type="text" name="username" autofocus=""  value="{{ old('username') }}">

                    @error('username')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="mb-1">
                    <label class="block mb-1" for="password">
                        {{ __('Password') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full" id="password" type="password" name="password" >

                    @error('password')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="mb-1">
                    <label class="block mb-1" for="password_confirmation">
                        {{ __('Confirm Password') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full" id="password_confirmation" type="password" name="password_confirmation" >

                    @error('password_confirmation')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="mb-6"></div>
                <button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
                    <span class=""><span>{{ __('Register') }}</span></span>
                </button>
                <a href="{{ route('login') }}" class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center">
                    <span class=""><span>{{ __('Go to login page') }}</span></span>
                </a>
                </form>
        </div>
    </div>
@stop