@extends('hr::layouts.master')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script> 
<script src="{{ asset('/js/hr/controller/employeeController.js')}}"></script>
<script src="{{ asset('/js/common/controller/templateController.js')}}"></script>

<!--script for executing editor.-->
<link rel="stylesheet" type="text/css" href="{{asset('/css/editor/bootstrap-wysihtml5-0.0.2.css')}}"></link>
<link rel="stylesheet" type="text/css" href="{{asset('/css/editor/bootstrap.min.css')}}"></link>
<script src="{{ asset('/js/editor/wysihtml5-0.3.0_rc2.min.js') }}"></script>
<script src="{{ asset('/js/editor/jquery-1.7.1.min.js') }}"></script>
<script src="{{ asset('/js/editor/bootstrap.min.js') }}"></script>
<script src="{{ asset('/js/editor/bootstrap-wysihtml5-0.0.2.js') }}"></script>

<script src="{{ asset('/js/common/htmleditor.js') }}"></script>
<!--scripts end here.-->

<div  ng-app="templateApp">
    <div ng-controller="templateCtrl">
<!-- templates Starts Here -->
<br><br>
<!-- Structure -->
<div style="margin-left: 70px">
            <h2><b>Common mail template</b></h2><br>                
            <div class="row">
                <form id="frmTemplate" >
                    <div class="row">
                        <div>
                            <label for="drphead">Head</label>
                            <select id="drphead" name="drphead" ng-model="drphead" ng-change="selectTemplate()" data-select>
                                
                            </select>  
                        </div>
                        <br><br>
                        <div>
                            <label for="edttemplate">Template</label><br><br><br>
                            <textarea id="template-textarea" placeholder="Enter text ..." style="width: 700px;height: 400px" ng-model="edttemplate">@{{edttemplate}}</textarea>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal-footer">    
            <a href="#!" ng-click="saveTemplate()" class="waves-effect waves-light btn">Create</a>
            <!--<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>-->
        </div>
<!-- Modal Structure -->
    </div>
</div>    
<!-- Ends -->
<!-- template Ends Here -->
@stop