@extends('layouts.app')

@section('content')

<div class="main">
    @include('layouts.sidebar')
        <div class="content-section">
            @include('layouts.navbar')
                       
            <div class="outer-table">
            <h3>Add User</h3>

            <form method="POST" action="{{ route('createUser') }}">
                @csrf
                <div class="mb-3">
                    <label for="name" class="form-label">Name</label>
                    <input type="text" class="form-control" id="name" name="name" placeholder="Name">
                    @if ($errors->has('name'))
                        <div class="error py-2 text-danger">{{ $errors->first('name') }}</div>
                    @endif
                </div>

                <div class="mb-3">
                    <label for="email" class="form-label">Email</label>
                    <input type="email" class="form-control" id="email" name="email" placeholder="Email">
                    @if ($errors->has('email'))
                        <div class="error py-2 text-danger">{{ $errors->first('email') }}</div>
                    @endif
                </div>

                <div class="mb-3">
                    <label for="password" class="form-label">Password</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                    @if ($errors->has('password'))
                        <div class="error py-2 text-danger">{{ $errors->first('password') }}</div>
                    @endif
                </div>

                <div class="form-check form-switch my-3">
                    <label class="form-check-label" for="flexSwitchCheckDefault">Status</label>
                    <input class="form-check-input" type="checkbox" role="switch" id="status" name="status" Checked>
                </div>

                <button type="submit" class="btn active text-white">Add</button>

            </form>

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

@endsection