import { env } from '../helpers'

export default `<form id="noteEditForm" class="uk-form-horizontal uk-margin-large modal-content" style="background: ghostwhite">
    <fieldset class="uk-fieldset">
        <legend class="uk-legend">
            <span class="uk-float-right uk-text-small">
                created: <input class="" type="text" name="createdAt" readonly="readonly" value="" placeholder="0000-00-00">
                updated: <input type="text" name="updatedAt" readonly="readonly" value=""  placeholder="0000-00-00">
            </span>
            <span>Edit Note #<input class="uk-text-large" type="text" name="id" readonly="readonly" value="" placeholder="0"></span>
        </legend>
        <div id="modalMsgBox"></div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="formTitle">Title <span></span></label>
            <div class="uk-form-controls">
                <input id="formTitle" name="title" class="uk-input" type="text" maxlength="${env.schemas.note.title[1]}" placeholder="Add a title...">
            </div>
        </div>
        
        <div class="uk-margin">
              <label class="uk-form-label uk-float-right" for="formCategory">Category</label>
              <div class="uk-form-controls">
                  <select id="formCategory" name="category" class="uk-select">
                      <option disabled value="" selected>Select a category...</option>
                      <option disabled value=""></option>
                      <option value="task">Task</option>
                      <option value="random_thought">Random Thought</option>
                      <option value="idea">Idea</option>
                      <option value="quote">Quote</option>
                  </select>
              </div>  
            </div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="noteContentInput">Description <span></span></label>
            <textarea id="noteContentInput" name="content" class="uk-textarea" rows="6" maxlength="${env.schemas.note.content[1]}" placeholder="Description..."></textarea>
        </div>
        
        <div class="uk-margin">
              <label class="uk-form-label uk-float-right" for="formArchived">Archived</label>
              <div class="uk-form-controls">
                  <input id="formArchived" name="archive" class="uk-checkbox" type="checkbox">
              </div>  
            
        </div>
        <hr>
        
        
                
        
        <div class="uk-clearfix">
            <div class="uk-float-right">
                <button type="submit" class="uk-button uk-button-default">Sumbit</button>
            </div>
            <div class="uk-float-left">
                <button type="button" id="btnDestroyModal" class="uk-button uk-button-danger">Close</button>
            </div>
        </div>
        
    </fieldset>
</form>`