@extends('layouts.app')

@section('head')
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate, max-age=0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="Sat, 01 Jan 2000 00:00:00 GMT">
@endsection

@section('content')
<div class="login-form">
   <div class="content">
      <div class="logo-div">
         <img src="{{ asset('img/logo.svg') }}" class="img-fluid" alt="logo">
      </div>
      <div class="text">
        Register as Admin
      </div>
      <form action="{{ url('/admin/register') }}" method="POST">
         @csrf
         <div class="field">
            <input type="text" name="name" id="name" value="{{ old('name') }}" required autocomplete="name" autofocus >
            <span class="fas fa-user"></span>
            <label>Name </label>
            @error('name')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror     
         </div>         
         <div class="field">
            <input type="text" name="email" id="email" value="{{ old('email') }}" required autofocus>
            <span class="fas fa-user"></span>
            <label>Email </label>
            @error('email')
                <div class="alert alert-danger">{{ $message }}</div>
            @enderror
         </div>
         <div class="field">
            <input type="password" name="password" id="password" required>
            <span class="fas fa-lock"></span>
            <label>Password</label>
            @error('password')
            <div class="alert alert-danger">{{ $message }}</div>
         @enderror
         </div>
         <div class="field">
            <input type="password" name="password_confirmation" id="password_confirmation" required>
            <span class="fas fa-lock"></span>
            <label>Confirm Password</label>
            @error('password_confirmation')
            <div class="alert alert-danger">{{ $message }}</div>
         @enderror
         </div>
         
         <button type="submit">Sign Up</button>

         <div class="sign-up">          
            <a href="{{ url('/admin/login-form') }}">Sign In now</a>
         </div>

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

@endsection