@extends('admin.layouts.app')
<style type="text/css">
 .topcorner{
  
  }
</style>
@section('content')
 

<div class="container-fluid">

    <div class="header">
        <h1 class="header-title" style="margin-top:-40px !important;">
            New Admin
        </h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/admin/dashboard">Dashboard</a></li>
                <!-- <li class="breadcrumb-item"><a href="#">Operations</a></li> -->
                <li class="breadcrumb-item active" aria-current="page">Create New Admin</li>
            </ol>
        </nav>
    </div>
    @if (session('success'))
       
       <div class="alert alert-success alert-dismissible " role="alert" style="position:absolute;top:50;right:0;width:30%">
              <div class="alert-message">
              {{ session('success') }}
              </div>

              <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close"></button>
          </div>
       @endif
    <div class="row" style="margin-top:-40px !important;">
        <div class="col-12">
                                
                <div class="card">
							<div class="card-body">
								
									<form  method="POST" action="{{ route('admin.createNewAdmin') }}">
                                    @csrf
                                    <div class="row">
                                        <div class="mb-3 col-md-4">
                                            <label for="fname">First Name*</label>
                                            <input id="fname" type="text" class="form-control @error('fname') is-invalid @enderror" name="fname" value="{{ old('fname') }}" required autocomplete="fname" autofocus placeholder="First Name">
                                            @error('fname')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                        </div>
                                        <div class="mb-3 col-md-4">
                                            <label for="mname">Middle Name*</label>
                                            <input id="mname" type="text" class="form-control @error('mname') is-invalid @enderror" name="mname" value="{{ old('mname') }}" required autocomplete="mname" autofocus placeholder="Middle Name">
                                            @error('mname')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                        </div>
										<div class="mb-3 col-md-4">
                                            <label for="lname">Last Name* 
                                            </label>
                                            <input id="lname" type="text" class="form-control @error('lname') is-invalid @enderror" name="lname" value="{{ old('mname') }}" required autocomplete="lname" autofocus placeholder="Last Name">
                                            @error('lname')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                        </div>
                                       
                                    </div>
									<div class="row">
                                        <!-- <div class="mb-3 col-md-4">
                                            <label for="dob">Date Of Birth*</label>
                                            <input type="date" class="form-control @error('dob') is-invalid @enderror" id="dob" name="dob">
                                            @error('dob')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                        </div> -->

                                        <!-- <div class="mb-3 col-md-4">
                                            <label for="gender">Gender*</label>
                                            <div class="form-control @error('gender') is-invalid @enderror">
                                                <label class="form-check form-check-inline">
                                                    <input  type="radio"  class="form-check-input" name="gender" value="1">
                                                    <span class="form-check-label">
                                                        Male
                                                    </span>
                                                </label>
                                                <label class="form-check form-check-inline">
                                                    <input type="radio" class="form-check-input"   name="gender" value="2">
                                                    <span class="form-check-label">
                                                        Female
                                                    </span>
                                                </label>
                                                <label class="form-check form-check-inline">
                                                    <input type="radio" class="form-check-input" name="gender" value="3" >
                                                    <span class="form-check-label">
                                                        Other
                                                    </span>
                                                </label>
                                            </div>
                                            @error('gender')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror 
                                        </div>-->
										<div class="mb-3 col-md-6">
                                            <label for="mobile">Mobile* 
                                            </label>
                                            <input id="mobile" type="text" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{ old('mobile') }}" required autocomplete="mobile" autofocus placeholder="Mobile">
												@error('mobile')
													<span class="invalid-feedback" role="alert">
														<strong>{{ $message }}</strong>
													</span>
												@enderror
                                        </div>
                                        <div class="mb-3 col-md-6">
                                            <label for="inputEmail4">Email*</label>
                                            <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" placeholder="Email">

                                            @error('email')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                         </div>
                                    </div>
									
                                    <div class="row" style="display:none">
                                        <div class="mb-3 col-md-6">
													<label>Country*</label>
												<select class="form-control select2 select_require @error('country') is-invalid @enderror" data-bs-toggle="select2" id="country" disabled placeholder="Country" > 
														<option value="" selected>-Select-Country-</option>
														
													</select>
												@error('country')
													<span class="invalid-feedback" role="alert">
														<strong>{{ $message }}</strong>
													</span>
												@enderror
                                        </div>
                                        <div class="mb-3 col-md-6">
                                            <label for="inputPassword4">State*</label>
											<select class="form-control select2 select_require @error('state') is-invalid @enderror" data-bs-toggle="select2" id="state" placeholder="state" disabled>
                                                <option value="" selected>-Select-State-</option>
                                              
                                            </select>
											@error('country')
													<span class="invalid-feedback" role="alert">
														<strong>{{ $message }}</strong>
													</span>
												@enderror
                                        </div>
                                    </div>

                                    

                                    <div class="row"  style="display:none">
                                        <div class="mb-3 col-md-6">
                                            <label>Password*</label>
                                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password"  autocomplete="new-password" disabled>

										@error('password')
											<span class="invalid-feedback" role="alert">
												<strong>{{ $message }}</strong>
											</span>
										@enderror
                                            </div>
                                        <div class="mb-3 col-md-6">
                                            <label for="inputPassword4">Confirm-Password*</label>
                                            <input id="password-confirm" type="password" class="form-control" name="password_confirmation"  autocomplete="new-password" disabled>
                                        </div>
                                    </div>
                                    <div class="text-center mt-3">
                                        <!-- <a href="dashboard-default.html" class="btn btn-lg btn-primary">Sign up</a> -->
										<button type="submit" class="btn btn-lg btn-primary" style="width:50%">Create</button>
									</div>
                                  
									</form>
								
							</div>
						</div>
        </div>
    </div>
    

</div>


<script>
s = 1;
    function notApplicable(){
       o = document.getElementById('lname_na');
       if(o.value=='Y'){
           s++;
           if(s%2==0)
           $('#lname').val("NULL").prop('disabled',true);
        //    $('#lname').prop('disabled',true);
           else
           $('#lname').val("").prop('disabled',false);
        //    $('#lname').prop('disabled',false);

       }
   }
</script>
@endsection