@extends('layouts.app')
@section('head')

@endsection
@section('content')
<div class="page-container" ng-init="getdeliverymessage()" ng-controller="productController" ng-cloak>
   <!--/content-inner-->
<div class="left-content">
	   <div class="mother-grid-inner">
          <div class="clearfix"> </div>
<div class="inbox-mail">
	<div>
		<form>
			</div class="fr-view">
            <label>Delivery message title</label>
            <div id="froala-editor"></div><br>
            <div class="col-md-12 form-group1">
              <label>Delivery message arabic</label>
            </div>
            <div class="col-md-12 form-group1">
              <div id="froala-editor2"></div>
            </div><br>
            <div class="col-md-12 form-group1">
              <label>Delivery message alert</label>
            </div>
            <div class="col-md-12 form-group1">
              <div id="froala-editor3"></div>
            </div><br>
            <div class="col-md-12 form-group1">
              <label>Delivery message alert arabic</label>
            </div>
            <div class="col-md-12 form-group1">
              <div id="froala-editor4"></div>
            </div><br>
            <button type="submit" ng-click="savedeliverymessage()" class="btn btn-primary">Save</button>
		</form>
	</div>
</div>
</div>
</div>
@include('users.admin.sidebar')
</div>
@endsection
	@section('js') 
	<script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></script> 
	<script>
      var editor  = new FroalaEditor('#froala-editor');
      var editor2 = new FroalaEditor('#froala-editor2');
      var editor3 = new FroalaEditor('#froala-editor3');
      var editor4 = new FroalaEditor('#froala-editor4');
      
    </script>

    <style>
      .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
            display: block;
            text-align: center;
            float: none;
            margin: 8px 3px !important;
            width: 24px !important;
        }
        .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
            height: 24px !important;
        }
    </style>

@endsection