@extends('layouts.app', ['page' => __('Users'), 'pageSlug' => 'users'])

@section('content')

<style>
    .card form label+.form-control {
    margin-bottom: 5px;
}


    </style>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="title">{{ __('Add Users') }}</h5>
                </div>
                <form method="post" action="{{route('users.save')}}" autocomplete="off">
                @csrf
                    <div class="card-body">
                         <div class="row"> 
                         <div class="col-md-6"> 

                            <div class="form-group">
                                <label>{{ __('Name') }}</label>
                                
                                <input type="text" name="name" id="name" class="form-control" placeholder="{{ __('Name') }}" >
                                          @error('name')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                          </div>

                            <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __('email') }}</label>
                                <input type="email" name="email"  id="email" class="form-control" placeholder="{{ __('Email') }}" >
                                         @error('email')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div></div>
                            <div class="row"> 
                            <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __('Password') }}</label>
                                <input type="password" name="password" id="password" class="form-control" placeholder="{{ __('password') }}" >
                                           @error('password')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
                            <div class="col-md-4">
                            <div class="form-group">
                                <label>{{ __('role') }}</label> <select class="form-control" id="role" name="role">
                                            <option value="" disabled selected>Select Role</option>
                                            <option value="0">Admin</option>
                                            <option value="1">Staff</option>
                                        </select>   @error('role')
                                                <p class="text-danger text-xs mt-2">{{ $message }}</p>
                                            @enderror
                            </div>
                            </div>
                            </div>                           
                    </div>
                    <div class="card-footer">
                        <button type="submit"  class="btn btn-fill btn-info">Add</button>
                    </div>
                </form>
            </div>

        
        </div>
       
    </div>
   

<!-- <script>
    function sendform_Data()
{
    alert("hi");
}
</script> -->
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>

@endsection