text: /*
  Template Name: Admiria - Responsive Bootstrap 4 Admin Dashboard
  Author: Themesbrand
  Website: https://themesbrand.com/
  Contact: themesbrand@gmail.com
  File: Form-Xeditable Js File
  */
  
  $(function () {
  
      //modify buttons style
      $.fn.editableform.buttons =
          '<button type="submit" class="btn btn-success editable-submit btn-sm waves-effect waves-light"><i class="mdi mdi-check"></i></button>' +
          '<button type="button" class="btn btn-danger editable-cancel btn-sm waves-effect waves-light"><i class="mdi mdi-close"></i></button>';
  
      //inline
  
      $('#inline-username').editable({
          type: 'text',
          pk: 1,
          name: 'username',
          title: 'Enter username',
          mode: 'inline',
          inputclass: 'form-control-sm'
      });
  
      $('#inline-firstname').editable({
          validate: function (value) {
              if ($.trim(value) == '') return 'This field is required';
          },
          mode: 'inline',
          inputclass: 'form-control-sm'
      });
  
      $('#inline-sex').editable({
          prepend: "not selected",
          mode: 'inline',
          inputclass: 'form-control-sm',
          source: [
              {value: 1, text: 'Male'},
              {value: 2, text: 'Female'}
          ],
          display: function (value, sourceData) {
              var colors = {"": "#98a6ad", 1: "#5fbeaa", 2: "#5d9cec"},
                  elem = $.grep(sourceData, function (o) {
                      return o.value == value;
                  });
  
              if (elem.length) {
                  $(this).text(elem[0].text).css("color", colors[value]);
              } else {
                  $(this).empty();
              }
          }
      });
  
      $('#inline-status').editable({
          mode: 'inline',
          inputclass: 'form-control-sm'
      });
  
      $('#inline-group').editable({
          showbuttons: false,
          mode: 'inline',
          inputclass: 'form-control-sm'
      });
  
      $('#inline-dob').editable({
          mode: 'inline',
          inputclass: 'form-control-sm'
      });
  
      $('#inline-comments').editable({
          showbuttons: 'bottom',
          mode: 'inline',
          inputclass: 'form-control-sm'
      });
  
  });