@extends('layouts.admin')

@section('page-title')
    Admin | Create User
@endsection

@section('page-css')

<!-- Datatables css -->
<link href="{{url('public/assets/css/vendor/buttons.bootstrap4.css')}}" rel="stylesheet" type="text/css" />

@endsection

@section('page-content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="{{url('/')}}">Admin</a></li>
                <li class="breadcrumb-item"><a href="{{url('admin/users')}}">Users</a></li>
                    <li class="breadcrumb-item active">Add User</li>
                </ol>
            </div>
            <h4 class="page-title">Add User</h4>
        </div>
    </div>
</div>
<!-- end page title -->

{{-- Alert --}}
@include('layouts.alert')

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="header-title">Add User</h4>

                <div class="tab-content">
                    <div class="tab-pane show active" id="form-row-preview">
                        <form action="{{url('admin/users')}}" method="POST" >
                            {{csrf_field()}}
                            <div class="form-group">
                                <label for="inputEmail4" class="col-form-label">Full Name</label>
                                <input required type="text" class="form-control" name="name" placeholder="Full Name">
                            </div>
                            <div class="form-group">
                                <label for="email" class="col-form-label">Email</label>
                                <input type="email"  name="email" class="form-control" id="email" placeholder="Email"  >
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-form-label">Password</label>
                                <input type="password"  name="password" class="form-control" id="password" placeholder="Password"  >
                            </div>
                            <div class="form-group">
                                <label for="ConfirmPassword" class="col-form-label">Confirm Password</label>
                                <input type="password"  name="password_confirmation" class="form-control" id="ConfirmPassword" placeholder="Confirm Password"  >
                            </div>
                            <button type="submit" class="btn btn-primary">Create </button>
                            <button type="reset" class="btn btn-danger">Cancel</button>

                        </form>
                    </div>
                    <!-- end preview-->


                </div>
                <!-- end tab-content-->

            </div>
            <!-- end card-body -->
        </div>
        <!-- end card-->
    </div>
    <!-- end col -->
</div>

@endsection