@extends('AdminMaster.authMaster')

@section('content')

    <!-- <div class="page-header">
                <h3 class="page-title"> Users </h3>

            </div> -->
             <div class="bk-btn">
                    <a href="">Back to Dashboard</a>
                </div>
    <div class="row justify-content-center">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card add-user card-custom">
                <div class="card-body">
                    <h4 class="card-title">Add User</h4>
                    <!-- <p class="card-description"> Basic form layout </p> -->
                    <form id="myform" method="post" action="{{ route('userAdd.submit') }}" class="forms-sample">
                        @csrf
                        <div class="admin-form">
                            <div class="row justify-content-end">
                                <div class="col-12">
                                    <div class="form-group mb-3">
                                        <label for="user_type">Select User Type</label>
                                        <select class="form-control" id="user_type" name="user_type" required>
                                            <option value="" disabled selected>Choose User Type</option>

                                            @foreach($userTypes as $userType)

                                                @if($userType->id != 1)
                                                    <option value="{{ $userType->id }}">{{ $userType->name }}</option>
                                                @endif

                                            @endforeach
                                            <!-- <option value="manager">Manager</option> -->
                                        </select>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-3">
                                        <label for="exampleInputUsername1">Name</label>
                                        <div class="input-addon">
                                            <input name="name" type="text" class="form-control" id="exampleInputUsername1"
                                                placeholder="Name">
                                            <button class="input-addon-item">
                                                <span class="fa fa-user"></span>
                                            </button>
                                        </div>

                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-3">
                                        <label for="exampleInputEmail1">Email address</label>
                                        <div class="input-addon">
                                            <input name="email" type="email" class="form-control" id="exampleInputEmail1"
                                                placeholder="Email">
                                            <button class="input-addon-item">
                                                <span class="fa fa-envelope"></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-3">
                                        <label for="password">Password</label>
                                        <div class="input-addon">
                                            <input name="password" type="password" class="form-control" id="password"
                                                placeholder="Password" required>
                                            <button class="input-addon-item">
                                                <span class="fa fa-lock"></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group mb-3">
                                        <label for="password_confirmation">Confirm Password</label>
                                        <div class="input-addon">
                                            <input name="password_confirmation" type="password" class="form-control"
                                                id="password_confirmation" placeholder="Confirm Password" required>
                                            <span class="text-danger" id="confirmPasswordError"></span>
                                            <button class="input-addon-item">
                                                <span class="fa fa-lock"></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="file_up_btn text-center mt-3">
                                    <button type="submit" class="btn btn-primary me-2 text-center">Submit</button>
                                </div>
                            </div>
                        </div>

                        <!-- <button class="btn btn-light">Cancel</button> -->
                    </form>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                $('#myform').validate({ // initialize the plugin
                    rules: {

                        email: {
                            required: true,
                        }
                    }
                });

            });
        </script>

    </div>
@endsection