@extends('admin.layout')
@section('content')
    <!-- begin::main content -->

    <main class="main-content">

        <div class="container">

            <!-- begin::page header -->
            <div class="page-header">
                <h3>Add User</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ asset('admin/dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item" aria-current="page"><a href="{{ asset('admin/user-list') }}">Student
                                List</a></li>
                        <li class="breadcrumb-item active" aria-current="page">User</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->

            <div class="row">
                <div class="col-md-6">

                    <div class="card">
                        <div class="card-body">
                            <a href="{{ asset('admin/user-list') }}" class="btn btn-primary pull-right"><i
                                    class="fa fa-list"></i>&nbsp; User List</a>
                            <x-flashMessage />
                            <h6 class="card-title">Add User</h6>
                            <form action="{{ asset('admin/add-user') }}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label for="username">User Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="username" value="{{ old('username') }}"
                                        id="username" placeholder="Enter User Name">

                                    @if ($errors->has('username'))
                                        <div class="error">
                                            {{ $errors->first('username') }}
                                        </div>
                                    @endif

                                </div>

                                <div class="form-group">
                                    <label for="email">Email <span class="text-danger">*</span></label>
                                    <input type="email" class="form-control" name="email" value="{{ old('email') }}"
                                        id="email" placeholder="Enter Email Name">

                                    @if ($errors->has('email'))
                                        <div class="error">
                                            {{ $errors->first('email') }}
                                        </div>
                                    @endif

                                </div>

                                <div class="form-group">
                                    <label for="phone">Mobile (Optional)</label>
                                    <input type="number" class="form-control" name="phone" value="{{ old('phone') }}"
                                        id="phone" placeholder="Enter Phone">

                                    @if ($errors->has('phone'))
                                        <div class="error">
                                            {{ $errors->first('phone') }}
                                        </div>
                                    @endif

                                </div>

                                <div class="form-group">
                                    <label for="email">Password <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class='fa fa-eye-slash toggle-password'></i>
                                            </span>
                                        </div>
                                        <input type="password" class="form-control password" name="password"
                                            value="{{ old('password') }}" id="password" placeholder="Enter Password">

                                        @if ($errors->has('password'))
                                            <div class="error">
                                                {{ $errors->first('password') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="email">Confirm Password <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class='fa fa-eye-slash toggle-password'></i>
                                            </span>
                                        </div>
                                        <input type="password" class="form-control password" name="cpassword"
                                            value="{{ old('cpassword') }}" id="cpassword" placeholder="Enter Password">

                                        @if ($errors->has('cpassword'))
                                            <div class="error">
                                                {{ $errors->first('cpassword') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                {{-- Remark --}}
                                <div class="form-group">
                                    <label for="remark">Remark (optional)</label>
                                    <textarea name="remark" class="form-control" id="remark" cols="30" rows="5"></textarea>
                                </div>

                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>



                </div>

            </div>

        </div>

    </main>
    <!-- end::main content -->
@endsection
@push('footer-script')
    <!-- begin::select2 -->
    <!-- begin::select2 -->
    <link rel="stylesheet" href="{{ asset('public/admin/vendors/select2/css/select2.min.css') }}" type="text/css">
    <!-- end::select2 -->

    <script src="{{ asset('public/admin/vendors/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('public/admin/js/examples/select2.js') }}"></script>
    <!-- end::select2 -->
    <script>
        $("body").on('click', '.toggle-password', function() {
            $('.toggle-password').toggleClass("fa-eye fa-eye-slash");
            var input = $(".password");
            if (input.attr("type") === "password") {
                input.attr("type", "text");
            } else {
                input.attr("type", "password");
            }

        });
    </script>
@endpush