@extends('user.layouts.master')
@section('report-active', 'active')
@section('content')
<style>
.d-none{
        display: none;
    }

    .rep{
        color: red;
    }
    
    .mce-flow-layout {
    white-space: normal;
    display: none;
    }
    .left{
        position:absolute;
        right: 20px;
    }
    
   
/* .mt-25{
    margin-top:15% !important;
} */
</style>
    <livewire:report /> 
   
@endsection
@section('scripts')
<script>
var countTarget = document.querySelector("#notes");
var wordCount = document.querySelector("#word-count");
var characterCount = document.querySelector("#character-count");

var count = function () {
  var characters = countTarget.value;
  var characterLength = characters.length;

  var words = characters.split(/[\n\r\s]+/g).filter(function (word) {
    return word.length > 0;
  });

  wordCount.innerHTML = words.length;
  characterCount.innerHTML = characterLength;
};

count();

window.addEventListener(
  "input",
  function (event) {
    if (event.target.matches("#notes")) {
      count();
    }
  },
  false
);

</script>
@endsection