@extends('admin.layouts.app')
@section('page_tab_title' ,"Admin Users")
@section('content')


<section class="content">
  <div class="row">
    <!-- right column -->
    <div class="col-md-12">
      <!-- Horizontal Form -->
      <div class="box box-success">
        <div class="box-header">
          <h1>
    @if(empty($admin->id)) Create New Admin @else Edit Admin @endif
  </h1>
  <hr class="bdr-partition">
          <!-- <h3 class="box-title pull-left"></h3> -->

        </div>
        <form method="POST" id="createAdmin" class="form-horizontal" enctype="multipart/form-data" @if(empty($admin->id)) action="{{ route('admin.store') }}" @else action="{{ route('admin.update', $admin->id) }}" @endif >
          @csrf
          <div class="box-body">
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                    
                    <div class="col-sm-12">
                      <label class=" control-label">First name <span class="required_span">*</span></label>
                      <input type="text" name="first_name" required class="form-control  alpha-only" value="{{$admin->first_name ?? old('first_name') }}" maxlength="25">
                      @if ($errors->has('first_name'))
                      <span class="invalid-feedback text-danger" role="alert">
                        <strong>{{ $errors->first('first_name') }}</strong>
                      </span>
                      @endif

                    </div>
                  </div>
                </div>
                  <div class="col-md-4">
                    <div class="form-group">
                        <div class="col-sm-12">
                          <label class="control-label">Last name <span class="required_span">*</span></label>
                          <input type="text" name="last_name" required class="form-control alpha-only" maxlength="25" value="{{$admin->last_name ?? old('last_name') }}">
                          @if ($errors->has('last_name'))
                          <span class="invalid-feedback text-danger" role="alert">
                            <strong>{{ $errors->first('last_name') }}</strong>
                          </span>
                          @endif
                        </div>
                      </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                        
                        <div class="col-sm-12">
                          <label class="control-label">Email address <span class="required_span">*</span></label>
                          <input type="email" @if(empty($admin->email)) name="email" @else disabled @endif required class="form-control" value="{{$admin->email ?? old('email') }}" >
                          @if ($errors->has('email'))
                          <span class="invalid-feedback text-danger" role="alert">
                            <strong>{{ $errors->first('email') }}</strong>
                          </span>
                          @endif
                        </div>
                      </div>
                  </div>
              
            </div>

            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  
                  <div class="col-sm-12">
                    <label class="control-label">Phone number</label>
                    <input type="text" maxlength="15" data-parsley-phonenumber="" name="phone" class="form-control numeric" value="{{$admin->phone ?? old('phone') }}">
                    @if ($errors->has('phone'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('phone') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              @if(empty($admin->id))
              <div class="col-md-4">
                <div class="form-group">
                  
                  <div class="col-sm-12">
                    <label class="control-label">Password @if(empty($admin->password)) <span class="required_span">*</span> @endif</label>
                    <input type="password"
                    minlength="6"
                    data-parsley-trigger="blur"
                    data-parsley-iff="#password1"
                    data-parsley-iff-message=""
                     name="password" id="password1" class="form-control" value="" @if(empty($admin->password)) required @endif>
                    @if ($errors->has('password'))
                    <span class="invalid-feedback text-danger" role="alert">
                      {{ $errors->first('password') }}
                    </span>
                    @endif
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                    
                    <div class="col-md-12">
                      <label class="control-label">Confirm password @if(empty($admin->password)) <span class="required_span">*</span> @endif</label>
                      <input
                       minlength="6"
                       data-parsley-trigger="blur"
                       data-parsley-iff="#password1"
                       data-parsley-iff-message="Confirm password doesn't match to password."
                        type="password"
                         name="password_confirmation"
                          class="form-control confirm_password_err"
                           value="" @if(empty($admin->password)) required @endif>
                      @if ($errors->has('password'))
                      <span class="invalid-feedback text-danger" role="alert">
                        {{ $errors->first('password') }}
                      </span>
                      @endif
                    </div>
                </div>
              </div>
              @endif

              <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12">
                    <label class="control-label d-block">Is Staff Only</label>
                    @if( isset( $isNew ) && $isNew == 0 )
                      <input @if( isset( $admin ) && $admin->staff_only_access == '1' ) Checked @endif type="radio" name="staff_only_access" value="1"> Yes
                      <input @if( isset( $admin ) && $admin->staff_only_access == '0' ) Checked @endif type="radio" name="staff_only_access" value="0"> No
                    @else
                      <input type="radio" name="staff_only_access" value="1"> Yes
                      <input type="radio" name="staff_only_access" value="0" Checked> No
                    @endif
                  </div>
                </div>
              </div>

            </div>
          </div>
          <div class="button-area">
              <button type="submit" class="btn btn-info ">Submit</button>
              <a href="{{route('admin.index')}}" class="btn btn-default">Cancel</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>

<script type="text/javascript">

var iffRecursion = false;
window.Parsley.addValidator( 'iff', {
    validateString: function( value, requirement, instance ) {
        var $partner = $( requirement );
        var isValid = $partner.val() == value;
        if ( iffRecursion ) {
            iffRecursion = false;
        } else {
            iffRecursion = true;
            $partner.parsley().validate();
        }
	return isValid;
    }
} );

   window.Parsley.addValidator('phonenumber', {
    validateString: function(number) {
      var p = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/;
      if(number.match(p)){
          return true;
      }
      return false;
     
    },
    messages: {
      en: '