@extends('admin.layouts.master')

@section('dashboard-header')
Users
@endsection

@section('breadcumb_title')
    User Management
@endsection

@section('users')
active
@endsection

@section('page-content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                <div class="heading-elements">
                    <ul class="list-inline mb-0">
                        <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                        <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                        <li><a data-action="close"><i class="ft-x"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="card-content collpase show">
                <div class="card-body">
                    <form class="form form-horizontal" action="{{ route('users.store') }}" method="POST">
                        @csrf

                        <div class="form-body">
                            <h4 class="form-section"><i class="ft-user"></i> User Information</h4>

                            <div class="form-group row">

                                <label class="col-md-3 label-control" for="name">User Name</label>
                                <div class="col-md-9 mx-auto">
                                    <input type="text" id="name" class="form-control" placeholder="Enter user name" name="name" required>
                                    @error('name')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 label-control" for="email">Email</label>
                                <div class="col-md-9 mx-auto">
                                    <input type="email" id="email" class="form-control" placeholder="Enter email" name="email" required>
                                    @error('email')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 label-control" for="password">Password</label>
                                <div class="col-md-9 mx-auto">
                                    <input type="password" id="password" class="form-control" placeholder="Enter password" name="password" required>
                                    @error('password')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                            </div>

                        </div>

                        <div class="form-actions text-right">
                            <a href="{{ route('users.index') }}" class="btn btn-warning mr-1">
                                <i class="ft-x"></i> Cancel
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="la la-check-square-o"></i> Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection