@extends('layouts.base')
@section('heading')
     {{ __('Add a new user') }}
@endsection
@section('info')
    Create a new User
@endsection
@section('half_body')
    <div class="m-auto py-6 grid place-content-center_">
        <div class="w-full">
            <form action="{{ route('users.store') }}" method="POST" class="w-full" enctype="multipart/form-data">
                @csrf
                <div class="mt-2 w-full">
                    <label for="first_name" class="block text-gray-400 m-2 text-sm">First Name</label>
                    <input type="text" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="first_name" id="first_name" placeholder="">
                </div>
                <div class="mt-2 w-full">
                    <label for="last_name" class="block text-gray-400 m-2 text-sm">Last Name</label>
                    <input type="text" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="last_name" id="last_name" placeholder="">
                </div>
                <div class="w-full">
                    <label for="email" class="block text-gray-400 m-2 text-sm">User Email</label>
                    <input type="email" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="email" id="email" placeholder="">
                </div>
                <div class="w-full">
                    <label for="password" class="block text-gray-400 m-2 text-sm">User password</label>
                    <input type="password" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="password" id="password" placeholder="">
                </div>
                <div class="w-full">
                    <label for="confirm_password" class="block text-gray-400 m-2 text-sm">Confirm Password</label>
                    <input type="password" class="w-full rounded-lg hover:border-blue-400 focus:border-blue-400 border-none hover:border-2 focus:border-2 " name="confirm_password" id="confirm_password" placeholder="">
                </div>
                <div class="mt-4 w-full">
                    <button type="submit" class="w-full text-white rounded-lg py-2 px-3 bg-blue-500 hover:bg-blue-400">SUBMIT</button>
                </div>
            </form>
        </div>
    </div>
@endsection