@extends('layouts.app', [
    'class' => '',
    'elementActive' => 'users'
])

@section('content')
<div class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h2> @if (isset($user->id)) User [Edit] #<strong title="ID">{{ $user->id }}</strong> @else New User @endif</h2>
        </div>
        <div class="card-body">
          <form action="{{ isset($user) ? route('admin.users.update', $user) : route('admin.users.store') }}" method="POST" enctype="multipart/form-data">
            @isset($user)
              @method('PUT')
            @endisset
            @csrf
            @if ($message = Session::get('success'))
              <div class="alert alert-success">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
              </div>
            @endif
    
            {{--@if ($errors->any())
              <div class="alert alert-danger">
                  <ul>
                      @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              </div>
            @endif --}}
            <div class="form-group required {!! $errors->first('name', 'has-error') !!}">
              <label for="name" class="require">@lang('Name') <span class="text-danger"> * </span></label>
              <input type="text" placeholder="" name="name" id="name" class="form-control" value="{{ old('name', isset($user->name) ? $user->name: '') }}" required="true">
              {!! $errors->first('name', '<p class="help-block text-danger mt-1">:message</p>') !!}
            </div>
            <div class="form-group {!! $errors->first('nrc', 'has-error') !!}">
              <label for="nrc" class="require">@lang('nrc') </label>
              <input type="text" placeholder="" name="nrc" id="nrc" class="form-control" value="{{ old('nrc', isset($user->nrc) ? $user->nrc: '') }}" >
              {!! $errors->first('nrc', '<p class="help-block text-danger mt-1">:message</p>') !!}
            </div>
            @if(isset($user))
            <div class="row">
              @if($user->front_nrc_photo)
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <label>@lang('Front Nrc Photo')</label>
                <div style="width: 400px; border: 2px solid #098957;">
                    <img src="{{asset('/storage/users/nrc/' . $user->front_nrc_photo)}}" alt="your image" style="width: 100%; height: auto;" />
                  </div>
              </div>
              @endif
              @if($user->back_nrc_photo)
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <label>@lang('Back Nrc Photo')</label>
                  <div style="width: 400px; border: 2px solid #098957;">
                    <img src="{{asset('/storage/users/nrc/' . $user->back_nrc_photo)}}" alt="your image" style="width: 100%; height: auto;" />
                  </div>
              </div>
              @endif
            </div>
            <br />
            @endif
            <div class="form-group required {!! $errors->first('phone', 'has-error') !!}">
              <label for="phone" class="require">@lang('Phone') <span class="text-danger"> * </span></label>
              <input type="text" placeholder="" name="phone" id="phone" class="form-control" value="{{ old('phone', isset($user->phone) ? $user->phone: '') }}" required="true">
              {!! $errors->first('phone', '<p class="help-block text-danger mt-1">:message</p>') !!}
            </div>
            <div class="form-group required {!! $errors->first('role', 'has-error') !!}">
              <label for="role"> Role <span class="text-danger"> * </span></label>
              <select class="form-control" id="role" name="role" required="true">
                <option value="">Please select one option</option>
                @foreach ($roles as $role)
                    <option value="{{ $role->slug }}" {{old('role', isset($user) ? $user->hasRole($role->slug) : '') == $role->slug ? 'selected' :  ''}}>{{ $role->name }}</option>
                @endforeach
              </select>
              {!! $errors->first('role', '<p class="help-block text-danger mt-1">:message</p>') !!}
            </div>
            <div class="form-group required {!! $errors->first('email', 'has-error') !!}">
              <label for="email" class="require">@lang('email') <span class="text-danger"> * </span></label>
              <input type="text" placeholder="" name="email" id="email" class="form-control" value="{{ old('email', isset($user->email) ? $user->email: '') }}" required="true">
              {!! $errors->first('email', '<p class="help-block text-danger mt-1">:message</p>') !!}
            </div>               
            <div class="form-group required {!! $errors->first('username', 'has-error') !!}">
              <label for="username" class="require">@lang('Username') <span class="text-danger"> * </span></label>
              <input type="text" placeholder="" name="username" id="username" class="form-control" value="{{ old('username', isset($user->username) ? $user->username: '') }}" required="true">
              {!! $errors->first('username', '<p class="help-block text-danger mt-1">:message</p>') !!}
            </div>
            @if(!isset($user))
              <div class="form-group {!! $errors->has('password', 'has-error') !!}">
                  <label for="password">@lang('Password') <span class="text-danger"> * </span></label>
                  <input type="password" placeholder="" name="password" id="password" class="form-control" >
                  @if ($errors->has('password'))
                      <span class="invalid-feedback d-block" role="alert">
                          <strong>{{ $errors->first('password') }}</strong>
                      </span>
                  @endif
              </div>
              <div class="form-group {!! $errors->has('password_confirmation', 'has-error') !!}">
                  <label for="name">@lang('Password Confirmation') <span class="text-danger"> * </span></label>
                  <input type="password" placeholder="" name="password_confirmation" id="password_confirmation" class="form-control" >
                  @if ($errors->has('password_confirmation'))
                      <span class="invalid-feedback d-block" role="alert">
                          <strong>{{ $errors->first('password_confirmation') }}</strong>
                      </span>
                  @endif
              </div>
            @endif
            <div class="form-group">
              <div>
                <label for="is_approved" class="form-check-label">
                <input class="" name="is_approved" type="checkbox" value="1" @if(isset($user) && $user->is_approved == 1) checked @else @endif>
                      Is Approved ?
              </label>
              </div>
            </div>
            <div class="form-group">
              <button class="btn btn-primary" type="submit" name="btnSave" value="1">Save</button>
              <button class="btn btn-primary" type="submit" name="btnSaveClose" value="1">Save & Close</button>
              <a href="{{ route('admin.users.index') }}" class="btn btn-flat">Cancel</a>
            </div>
          </form>

        </div>
      </div>
    </div>
  </div>
</div>
@stop

@push('scripts')
<script>
    $(function(){

      // on load
      fetch_township_by_region()

      $('body').on('change', '#state_or_region_id', function(e){
          fetch_township_by_region()
      });
    })
</script>
@endpush