@extends('admin.layouts.app')


@section('title','Create User')


@section('content')



<!-- Begin Page Content -->
<div class="container-fluid">

        

 <!-- Page Heading -->
 <div class="d-sm-flex align-items-center justify-content-between mb-4">
     <h1 class="h4 mb-0 text-gray-800">Create Admin</h1>
    

                    
                     <a href="{{ route('admin_list') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                     class="fas fa-add fa-sm text-white-50"></i> Admin List</a>

           
 </div>

 <div class="row">
     <!-- Add -->
     <div class="col-xl-12 col-lg-7">
         <div class="card shadow mb-4 min_500">
             <!-- Card Body -->
             <div class="card-body">

                 <!--form-->
                 <form id="submit_admin_details" action="post" method="javascript:void(0)">
                     <div class="row">

                       @csrf

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Admin Name<span style="color:red">*</span></label>
                                 <input type="text" class="form-control" name="admin_name" id="admin_name" placeholder="Admin name" maxlength="50">
                                 <span id="admin_name_error" style="color:red"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Admin Role<span style="color:red">*</span></label>
                                 <select name="role" class="form-control" id="role">
                                         <option value="">---Choose Role---</option>
                                         <option value="2">District Admin</option>
                                         <option value="3">Block Admin</option>

                                     </select>
                                     <span id="role_error" style="color:red"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">District<span style="color:red;">*</span></label><br>
                                 <div class="form-group">
                                 <select name="district" class="form-control" id="adm_district">
                                         <option value="">---Choose District---</option>

                                         @foreach($districts as $district)
                                            <option value="{{ $district->id }}" data-admStatus = "{{ $district->user_status }}">{{ $district->name }}</option>
                                         @endforeach

                                     </select>
                                     <span id="adm_district_error" style="color:red"></span>
                                 </div>
                                 
                             </div>
                         </div>


                         <div class="col-md-6" id = "block_wrap">
                             <div class="form-group">
                                 <label for="">Block<span style="color:red;">*</span></label><br>
                                 <div class="form-group">
                                 <select name="block" class="form-control" id="block">
                                         <option value="">---Choose Block---</option>

                                     </select>
                                     <span id="block_error" style="color:red"></span>
                                 </div>
                                 
                             </div>
                         </div>

                         

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Mobile Number<span style="color:red;">*</span></label>
                                 <input type="text" class="form-control" name="mobile_number" id="mobile_number" placeholder="Mobile Number" maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                                 <span id="mobile_number_error" style="color:red"></span>
                                </div>
                         </div>


                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for="">Email Id<span style="color:red">*</span></label>
                                 <input type="email" class="form-control" name="email" id="email" placeholder="Email Id" maxlength="50" onchange="liveValidateEmail()">
                                 <span id="email_error" style="color:red"></span>
                                 <span id="email_error_live" style="color:red"></span>
                                </div>
                         </div>

                   


                     </div>
                     <div class="row">
                         <div class="col-12 text-right">
                             <hr>
                             <div id="ajax-loader" style="display:none" class="alert alert-info">Please wait.Process in progress.......</div>
                             <button type="submit" class="btn btn-primary">Submit</button>
                         </div>
                     </div>

                 </form>
                 <!--form-->

             </div>
             <!-- Card Body -->
         </div>
     </div>
     <!-- Add -->
 </div>

</div>
<!-- /.container-fluid -->




@endsection