{{# This dialog is used by both the dashboard.html and devices.html page so it is included with each page}}

<div class="modal fade pg-show-modal" id="add_dashboard_dialog" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog"> 
        <div class="modal-content"> 
            <form id="add_dashboard">
            <div class="modal-header"> 
                <h4 class="modal-title">Add Dashboard</h4> 
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>                            
            </div>                         
            <div class="modal-body">     
                <p>
                    <div class="row">
                        <div class="col">
                            <div class="md-form">
                                <input type="text" id="new_dashboard" class="form-control" name="new_dashboard">
                                <label for="new_dashboard">New Dashboard</label>
                            </div>
                            <input type="text" style="display: none;">
                        </div>
                    </div>
                </p> 
  	            </div>                         
  	            <div class="modal-footer"> 
                <button type="button" class="btn btn-cancel" data-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success" data-dismiss="modal" action="add_dashboard">Save</button>                	                             
  	            </div>
            </form>
        </div>                     
    </div>                 
 </div>