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

@endsection
@section('content')
<div class="page-container" ng-init="getwebabout()" 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="row">
                <div class="col-md-12 form-group1">
                    <button type="button" ng-click="add123()" class="btn btn-primary">Add Content</button>
                </div>
      </div>
      <div class="row">
          <div class="col-md-12 form-group1">
               <div class="col-md-12 form-group1" ng-repeat = "sec in about12.contentdetail track by $index">
                <div style="background-color:lightgray;">
                  <div class="row">
                    <span class="padding-middle pull-right" title="Delete"><i class="fa fa-trash" aria-hidden="true" ng-click="removeadd($index,sec)"></i></span>
                  </div>
                  <div class="row">
                      <div class="col-md-2 form-group1">
                          <label style="margin-left:15px">Title:</label>
                      </div>
                      <div class="col-md-6 form-group1">
                          <input type="text" class="form-control" ng-model="sec.title">
                      </div>
                  </div>
                  <div class="row">
                      <div class="col-md-2 form-group1">
                          <label style="margin-left:15px">Title Arabic:</label>
                      </div>
                      <div class="col-md-6 form-group1">
                          <input type="text" class="form-control" ng-model="sec.title_arabic">
                      </div>
                  </div>
                  <div class="row">
                    <label class="btn" for="topimage_{$$index$}" style="cursor: pointer;background-color: #0053a0;color:#fff;margin-left:20px;">Choose file</label>
                    <input type="file" ng-change="getimage(sec);" id="topimage_{$$index$}" name="topimage" style="display:none" ngf-select ng-model="sec.topimage" required=""><span ng-if="sec.top_image">File selected - {$sec.top_image$}</span>
                  </div>
                  <div class="row">
                      <label style="margin-left:15px">Content</label>
                      <div class="col-md-12 form-group1">
                          <textarea name="content_{$$index$}"></textarea><br>
                      </div>
                  </div>
                  <div class="row">
                      <label style="margin-left:15px">Content Arabic</label>
                      <div class="col-md-12 form-group1">
                          <textarea name="arabic_{$$index$}"></textarea><br>
                      </div>
                  </div>
                 </div><br>
               </div>
          </div>
      </div>
      <div class="row">
        <button type="submit" ng-click="savewebabout()" class="btn btn-primary">Save</button>
      </div>
		</form>
	</div>
</div>
</div>
</div>
@include('users.admin.sidebar')
</div>
@endsection
	@section('js') 
	<script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></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