@extends('layouts.main-layout')

@section('title', 'Create User')

@section('content')
<style>
    #submit_btn{
        width: 100%;
        background-color: #008080;
        color: #fff;
    }
</style>
    {{-- <div class="container"> --}}
        {{-- <!--ERROR DISPLAY-->
        <div class="row d-flex justify-content-center mb-5">
            <div class="col-md-8">
                @if ($errors->any())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        <li style="color: #fff">{{$error}}</li>
                    @endforeach
                </div>
            @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">
                    <li style="color: #fff;">{{ Session::get('error') }}</li>
                </div>
            @endif
            @if (Session::has('success'))
                <div class="alert alert-success">
                    <li style="color: #fff;">{{ Session::get('success') }}</li>
                </div>
            @endif
            </div>
        </div>
        <!--END OF ERROR DISPLAY--> --}}
        <div class="row  d-flex justify-content-center align-items-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-4">
                            <h3 class="text-muted" style="width: 200px;">Create User</h3>
                        </div>
                        <div class="row mb-4">
                            <b>NB:</b><small style="font-size: 13px; color:red;"
                            >Ensure you provide correct email and phone number. Email and SMS will be sent to the email and phone number you provide.</small>
                        </div>
                        <form action="{{ route('users.store') }}" method="POST">
                            @csrf
                            <div class="row mb-3">
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    <label class="form-label" for="">Name</label>
                                    <input class="form-control" type="text"  style=""
                                    value="@if(session()->has('user_name')) {{ session('user_name') }} @endif" name="name" id="name">
                                </div>
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    <label class="form-label" for="">Email</label>
                                    <input class="form-control" value="@if(session()->has('user_email')) {{ session('user_email') }} @endif" type="text" name="email" id="email">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3">
                                    <label class="form-label" for="">Phone</label>
                                    <input class="form-control" value="@if(session()->has('user_phone')) {{ session('user_phone') }} @endif" type="text" name="phone" id="phone">
                                    {{-- <input type="text" id="two_sure" onkeyup="appendHyphen(event, )"> --}}
                                </div>
                                <div class="col-md-6 col-sm-11 col-xs-12 mb-3" style="margin-top: 30px;">
                                    <button class="btn" id="submit_btn">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    {{-- </div> --}}
@endsection