@extends('backend.layouts.app')


@section('content')

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
</div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
</div>
@endif




{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}


<div class="row" id="ajaxmaterialdisplayform">
<div class="col-md-12" id="backend-configuration-mobile-gp">
<div class="box">

<div class="box-header">
<div class="row">

          <div class="col-md-7">
            <h3>@lang('messages.email_templates')</h3>
          </div>
          <div class="col-md-5">
            <p class="form-control-static pull-right">
      <!-- <button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-add"> -->
        <!-- <button><i class="fa fa-plus"></i>&nbsp;Add Template</button> -->
              <!-- </button> -->


              <a href="{{url('template/add')}}" class="btn btn-default" style="float: right;margin-top: 15px;margin-right: 5px;"><i class="fa fa-plus"></i>&nbsp;@lang('messages.add_template')</a>  
        </p>
          </div>
</div>
</div>



<!-- model -->

<div id="template" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">



<form method="post" class="temp_form" action="{{url('templates_save')}}" enctype="multipart/form-data">

{{ csrf_field() }}
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"><i class="fa fa-envelope"></i> @lang('messages.add_template')</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
        <!-- <input type="email" name="email" class="form-control" placeholder="Email to:"> -->
        </div>

        <div class="form-group">
        	<label>@lang('messages.template_name')</label>
        <input type="text" name="temp_name" class="form-control required" placeholder="Name" >
        </div>

        <div class="form-group">
        	<label>@lang('messages.template_body')</label>
<!-- <div id="wysihtml5-toolbar" style="display: none;">
  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="bold">bold</a></button>
  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="italic">italic</a></button>
  

  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="insertImage">insert image</a></button>
  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="red">red</a></button>
  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="green">green</a></button>
  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="foreColor" data-wysihtml5-command-value="blue">blue</a></button>
  

  <button class="btn btn-default btn-sm" ><a data-wysihtml5-command="createLink">insert link</a></button>
  <div data-wysihtml5-dialog="createLink" style="display: none;">
    <label>
      Link:
      <input data-wysihtml5-dialog-field="href" value="http://" class="text">
    </label>
    <a data-wysihtml5-dialog-action="save">OK</a> <a data-wysihtml5-dialog-action="cancel">Cancel</a>
  </div>
</div> -->
          <textarea id="editor"  name="template" rows="10" cols="20" class="form-control required" cols="80" rows="10">
          </textarea>
        </div>

       <!--  New function for multiple attachments -->
        <div class="element">
          <label>@lang('messages.upload_file')</label>
          <input type="file" name="upload_file1" id="upload_file1" accept=".xlsx,.xls,image/jpeg,.doc, .docx,.ppt, .pptx,.txt,.pdf, image/png, image/jpg" />
          <input type="hidden" name="attachment_count" id="attachment_count"> 
        </div>
        <div id="moreImageUpload"></div>
        <div class="clear"></div>
        <div id="moreImageUploadLink" style="display:none;margin-left: 10px;">
          <a href="javascript:void(0);" id="attachMore">@lang('messages.attach_more_files')</a>
        </div>
      <!--  New function for multiple attachments Ends -->


       <!--  <div class="form-group">
          <label>Choose Attachments</label>
           <input type="file" class="form-control file" id="file" name="file[]" accept=".xlsx,.xls,image/jpeg,.doc, .docx,.ppt, .pptx,.txt,.pdf, image/png, image/jpg" multiple >
           <div id="selectedFiles"></div>
        </div> -->
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">@lang('messages.add_template')</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.attach_close')</button>
      </div>

</form>
    </div>
  </div>
</div>
 <div class="box-body">
        <div class="row" id="read">
          <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
             @if(count($template)>0)
            <div class="portlet">
            <div class="table-responsive">
            
            <table class="table table-striped table-hover table-bordered">
            <thead>
              <tr>
                    <th>@lang('messages.template_name')</th>
                    <th>@lang('messages.email_created_on')</th>
                    <!-- <th>Created by</th> -->
                    <th>@lang('messages.action')</th>
                    <!-- <th>Type of Program</th>
                    <th>Amount</th> -->
              </tr>
            </thead>
            <tbody>


              <input type="hidden" name="count" id="count" value="{{count($template)}}">

             
              @foreach($template as $temp)
              <tr>
                <td>{{$temp->temp_name}}</td>
                <td>