@extends('cms.layouts.app')

@section('contents')
    <!-- Hero -->

    <x-cms.bread-crumb title="<i class='fa fa-plus'></i> Add New User">

        <li class="breadcrumb-item">Cms</li>
        <li class="breadcrumb-item" aria-current="page">
            Users
        </li>
    </x-cms.bread-crumb>
    <!-- END Hero -->


    <!-- Page Content -->
    <div class="content">
        <div class="block">
            <div class="block-content block-content-full">
                <form action="{{ route('users.store') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="name">Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="name" name="name"
                                    value="{{ old('name') }}" maxlength="100" required placeholder="Name...">
                                <span class="text-danger">{{ validationError($errors->get('name')) }}</span>
                            </div>

                            <div class="form-group">
                                <label for="username">Username <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="username" name="username"
                                    value="{{ old('username') }}" maxlength="100" required placeholder="Username...">
                                <span class="text-danger">{{ validationError($errors->get('username')) }}</span>
                            </div>

                            <div class="form-group">
                                <label for="password">Password <span class="text-danger">*</span></label>
                                <input type="password" class="form-control" id="password" name="password"
                                    value="{{ old('password') }}" maxlength="100" required placeholder="Password...">
                                <span class="text-danger">{{ validationError($errors->get('password')) }}</span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="email">Email <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="email" name="email"
                                    value="{{ old('email') }}" maxlength="100" required placeholder="Email...">
                                <span class="text-danger">{{ validationError($errors->get('email')) }}</span>
                            </div>

                            <div class="form-group">
                                <label for="contact_no">Contact Number</label>
                                <input type="text" class="form-control" id="contact_no" name="contact_no"
                                    value="{{ old('contact_no') }}" maxlength="100" placeholder="Contact Number...">
                                <span class="text-danger">{{ validationError($errors->get('contact_no')) }}</span>
                            </div>

                            <div class="form-group">
                                <label for="profile_image">Profile Image </label>
                                <input type="file" class="form-control" id="profile_image" name="profile_image"
                                    value="{{ old('profile_image') }}" maxlength="100" placeholder="profile_image...">
                                <span class="text-danger">{{ validationError($errors->get('profile_image')) }}</span>
                            </div>


                        </div>
                    </div>

                    <div class="row">
                        <div class="form-check">
                            <input class="form-check-input" id="isActive" type="checkbox" name="is_active" value="1"
                                checked>
                            <label class="form-check-label" for="isActive">Active</label>
                        </div>
                    </div>

                    <div class="text-right">
                        <a class="btn btn-danger btn-sm" href="{{ route('users.index') }}" title=""><i
                                class="fa fa-angle-double-left"></i> Cancel</a>
                        <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i> Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- END Page Content -->
@endsection