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

@endsection
@section('content')
<div class="page-container" ng-init="getsmartshopping();getlink()" 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" style="margin-top: 1.0em;">
          <label>Add link:</label><br>
        <input type="button" value="Add Row" class="btn btn-primary" ng-click="addlink();" style="background-color: #337ab7;border-color: #2e6da4; margin-right:20px; float:right">
        <div class="row">
              <table class="table table-striped">
                 <thead>
                     <tr>
                        <th style="color:#fd4051;">S.no</th>
                        <th style="color:#fd4051;">Link</th>
                        <th style="color:#fd4051;">Action</th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr ng-repeat="r in link track by $index">
                        <td>{$$index+1$}</td>
                        <td><input type="text" class="form-control" id="addlink" ng-model="r.addlink"  name="addlink">
                        </td>
                        <td ng-click="removelink($index,r)">&times</td>
                     </tr>
                 </tbody>
              </table>
        </div>
        <div class="row">
        <button type="submit" ng-click="savelink()" class="btn btn-primary">Save Link</button>
      </div>
    </div>
    </div><br>
      <div class="row">
                <div class="col-md-12 form-group1">
                    <button type="button" ng-click="addstore()" 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="removestore($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="getimage1(sec);" id="topimage_{$$index$}" name="topimage" style="display:none" ngf-select ng-model="sec.topimage" required=""><span ng-if="sec.file_location">File selected - {$sec.file_location$}</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="savesmartshopping()" 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