@include('components.header')

<div class="col-md-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>Add New User</h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <form class="form-horizontal form-label-left" method="POST" action="{{ route('users.store') }}" enctype="multipart/form-data">
                @csrf

                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="username">Username <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input id="username" class="form-control col-md-7 col-xs-12" value="{{ old('username') }}" data-validate-length-range="6" data-validate-words="1" name="username" placeholder="Username" required="required" type="text">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="user_type">User Type <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="hidden" name="user_type" value="User" id="user_type">
                        <select class="form-control col-md-7 col-xs-12" disabled onchange="document.getElementById('user_type').value = this.value">
                            <option value="User" selected>User</option>
                            <option value="Admin">Admin</option>
                        </select>
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="role">Role <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="role" name="role" class="form-control col-md-7 col-xs-12" placeholder="Role">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="password">Password <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="password" id="password" name="password" class="form-control col-md-7 col-xs-12" placeholder="Password" required>
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first_name">First Name <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="first_name" name="first_name" class="form-control col-md-7 col-xs-12" value="{{ old('first_name') }}" placeholder="First Name">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last_name">Last Name <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="last_name" name="last_name" class="form-control col-md-7 col-xs-12" value="{{ old('last_name') }}" placeholder="Last Name">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="father_name">Father's Name <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="father_name" name="father_name" class="form-control col-md-7 col-xs-12" value="{{ old('father_name') }}" placeholder="Father's Name">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="contact_number">Contact Number <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="contact_number" name="contact_number" class="form-control col-md-7 col-xs-12" value="{{ old('contact_number') }}" placeholder="03xx-xxxxxxx">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Email <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="email" id="email" name="email" class="form-control col-md-7 col-xs-12" value="{{ old('email') }}" placeholder="Email">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="cnic">CNIC <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="text" id="cnic" name="cnic" class="form-control col-md-7 col-xs-12" value="{{ old('cnic') }}" placeholder="xxxxx-xxxxxxx-x">
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="is_admin">Admin <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="checkbox" id="is_admin" name="is_admin" value="1"> Yes
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="is_active">Active <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="checkbox" id="is_active" name="is_active" value="1" checked> Yes
                    </div>
                </div>

                <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="profile">Upload Profile <span class="required">*</span>
                    </label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <input type="file" id="profile" name="profile" class="form-control col-md-7 col-xs-12" value="{{ old('profile') }}"  multiple>
                    </div>
                </div>

                <div class="ln_solid"></div>
                <div class="form-group">
                    <div class="col-md-2 col-md-offset-5 d-flex">
                        <button type="submit" class="btn btn-success">Submit</button>
                        <a href="{{ route('users') }}" class="btn btn-default border">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@include('components.footer')

• [F] add.blade.php
  Delete
• [F] edit.blade.php
  Delete
• [F] index.blade.php
  Delete