<div class="row">
  <div class="col-12 col-md-6">
    <div class="g-container">
      <div class="block-header">
        <h2>pushover <strong>API</strong></h2>
        <small class="text-muted">uzupełnił dane potrzebne do wysyłania powiadomień PUSH</small>
      </div>
      <div id="g-form-container">
        <form method="POST" id="pushover-settings" class="g-form form-horizontal" action="/users/settings_save/">
          <?= \Html::input( [
                      'label'   => 'Pushover API',
                      'name'    => 'pushover_api',
                      'value'   => $this -> user['pushover_api'],
                      'inline'  => false
                    ]
                  );?>
          <?= \Html::input( [
                      'label'   => 'Pushover User',
                      'name'    => 'pushover_user',
                      'value'   => $this -> user['pushover_user'],
                      'inline'  => false
                    ]
                  );?>
          <?= \Html::button( [
                      'class' => 'btn-success',
                      'text'  => 'Zapisz ustawienia',
                      'icon'  => 'fa-check',
                      'js'    => '$( "#pushover-settings" ).submit();'
                    ]                 
                  );?>
        </form>      
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6">
    <div class="g-container">
      <div class="block-header">
        <h2>zmiana <strong>hasła</strong></h2>
        <small class="text-muted">zmień swoje stare hasło na nowe</small>
      </div>
      <div id="g-form-container">
        <form method="POST" id="password-settings" class="g-form form-horizontal" action="/users/password_change/">
          <?= \Html::input_icon( [
                      'label'         => 'Stare hasło',
                      'name'          => 'password_old',
                      'type'          => 'password',
                      'inline'        => false,
                      'required'      => true,
                      'icon_content'  => '<i class="fa fa-eye"></i>',
                      'icon_js'       => 'password_toggle( $( this ).children( "i" ), "password_old" ); return false;'
                    ]
                  );?>
          <?= \Html::input_icon( [
                      'label'         => 'Nowe hasło',
                      'name'          => 'password_new',
                      'type'          => 'password',
                      'inline'        => false,
                      'required'      => true,
                      'icon_content'  => '<i class="fa fa-eye"></i>',
                      'icon_js'       => 'password_toggle( $( this ).children( "i" ), "password_new" ); return false;'
                    ]
                  );?>
          <?= \Html::button( [
                      'class' => 'btn-success',
                      'type'  => 'submit',
                      'text'  => 'Zmień hasło',
                      'icon'  => 'fa-check'
                    ]                 
                  );?>
        </form>      
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  function password_toggle( input, id )
  {
    $( input ).toggleClass( 'fa-eye' ).toggleClass( 'fa-eye-slash' );
    if ( $( '#' + id ).attr( 'type' ) === 'password' )
      $( '#' + id ).attr( 'type', 'text' );
    else
      $( '#' + id ).attr( 'type', 'password' );
  }
</script>