@extends('layouts.app')
@section('head')
  <link rel="stylesheet" type="text/css" href="{{ asset('css/select.min.css') }}" />
@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getallbranch();" ng-cloak>
   <!--/content-inner-->
  <div class="left-content">
	 <div class="mother-grid-inner">
		  <div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
        
				<div class="clearfix"> </div>
        <!--heder end here-->
	       <div class="validation-form" ng-if="!newproductshow">
          <form>
         	  <div class="vali-form">
              <h3>STORE WIDE INVENTORY</h3>
         	    <div class="col-md-5 form-group2 group-mail">
                <label class="control-label">Select Branch</label>
                <oi-select oi-options="branch.id as branch.branch_name for branch in branchlist" 
                  ng-model="stock.branch_id" multiple placeholder="Select Branches" list-placeholder="not found" 
                  ng-change="getstockdetails()"></oi-select>
              </div>
              <div class="col-md-3 form-group2 group-mail" style="padding-top: 35px">
                Stock Total: {$totalstock$}
              </div>
              <!-- <span  ng-click="resetstock()" data-toggle="tooltip" data-placement="right" title="Clearsearch" id="refresh" style="cursor: pointer;padding-left: 8px;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 45px;"></i></span> -->
              <div class="clearfix"> </div>
            </div>
        </form>
      
      <div class="inbox-mail">
  	    <div ng-if="!newproductshow">
	        <div class="w3l-table-info table-responsive">
					  <table id="table">
  						<thead>
  						  <tr>
  							<th>Product Name</th>
                <th>Branch</th>
                <th>Stock</th>
  						  </tr>
  						</thead>
  						<tbody>
  						  <tr ng-repeat="productlist in list track by $index" ng-if="productlist.product!=null">
    							<td>{$productlist.product.product_name$}</td>
                  <td>{$productlist.branch.branch_name$}</td>
                  <td>
                    <input type="text" ng-model="productlist.stock_status"  ng-change="changeproductstock(productlist);">
                    <span ng-if="productlist.changestock"><a href="javascript:void(0)" ng-click="updatestock(productlist)"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="cancelstockupdate(productlist)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>
                  </td>
               </tr>
  						</tbody>
					  </table>
					</div>
          <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 pagin">
      			<div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
      			{$begin$} - {$end$} of {$totallength$} <a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previousorderpage()" ng-show="previousdisable=='true'"></i></a>  <a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextorderpage()" ng-show="nextdisable=='true'"></i></a>
      			</div>
	        </div>
        </div>
      </div>
      </div>
      <div class="inner-block">

      </div>
    </div>
  </div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
	@include('users.admin.sidebar')
</div>
@endsection
@section('js')  
	<link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
  <script src="{{ asset('bower_components/ng-file-upload/ng-file-upload.js')}}"></script>  
  <script src="{{ asset('js/angular_library/ng-file-upload-shim.min.js') }}"></script>
  <script src="{{ asset('js/angular_library/ng-file-upload.min.js') }}"></script>
  <script src="{{ asset('js/angular_library/ng-file-upload-all.min.js') }}"></script>
  <script src="{{ asset('js/angular_controllers/admincontroller.js') }}"></script>
  <script src="{{ asset('js/select-tpls.min.js') }}"></script>
@endsection