@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getallcategory();getallsubcategory()" 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>
	        	<div class="col-md-12 inbox-mail "  >
					<div class="validation-form" ng-if="!newpershow || !newusershow">

        <form >
         	<div class="vali-form" >
         	<h3>SUBCATEGORY</h3>
         	
            <div class="col-md-4 form-group1 group-mail" ng-if="!newpershow">
           <!--  <label class="label-color">Name</label>  -->
              <input type="text" placeholder="Search By Name" ng-model="search1.name" ng-enter="getsubcategorybysearch()" ng-blur="getsubcategorybysearch()" >
            </div>

            <div class="col-md-4 form-group2 group-mail" ng-if="!newpershow">
             <!-- <label class="label-color">Status</label>  -->
            <select ng-model="search1.status" ng-change="getsubcategorybysearch()">
              <option value="">Status</option>
            	<option value="1">Active</option>
            	<option value="2">Deactivated</option>
			</select>
            </div>
           
             <div class="col-md-4 form-group margin-top" ng-if="!newpershow">

             	<button type="button" ng-click="getsubcategorybysearch()" class="btn btn-default searchbutton">Go</button>
				<!-- <button type="reset" ng-click="resetsubcategory()" class="btn btn-default searchbutton">Reset</button> -->
             	<span  ng-click="resetsubcategory()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding-left: 8px;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 45px;"></i></span>
                            
            </div>
             
            <div class="clearfix"> </div>
            </div>
        </form>
    <!----> 
 </div>	
	<div class="col-md-8 table-responsive" ng-if="!newpershow">
					 
					    <table id="table">
						<thead>
						  <tr>
							<th>Sub Category Name</th>
              <th>Category</th>
							<th>Status</th>
							<th>Actions </th>
							<th><i class="fa fa-plus i-black" aria-hidden="true" ng-click="addnewsubcategory()"></th>
						  </tr>
						</thead>
						<tbody>
						<tr ng-repeat="subcategory in list1 track by $index">
						<td>{$subcategory.name$}</td>
            <td><div ng-repeat="transaction in subcategory.category_sub_category_transaction track by $index">{$transaction.category.name$}</div></td>
						<td ng-if="subcategory.status=='1'">Active</td>
						<td ng-if="subcategory.status=='2'">Deactivated</td>
						<td ng-if="subcategory.status=='6'">Delete</td>
						
				
						<td><i class="fa fa-pencil" ng-click="editsubcategory(subcategory)" aria-hidden="true"></i></td>
						</tr>
						  
						</tbody>
					  </table>

					  <div class="col-xs-12 pagin vali-form">
					  
							<div class="short_pul pull-right" ng-cloak ng-show="total1=='true'">
							<button type="button" ng-click="pagefirstsubcategory()" class="btn btn-primary searchbutton rightpage">First Page</button>
							<a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previouspagesubcategory()" ng-show="previousdisable1=='true'"></i></a>  
								{$begin1$} - {$end1$} of {$totallength1$} 
							<a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextpagesubcategory()" ng-show="nextdisable1=='true'"></i></a>
							<button type="button" ng-click="pagelastsubcategory()" class="btn btn-primary searchbutton leftpage">Last Page</button>
							</div>
					</div>
					</div>

	<div class="col-md-6 validation-form" ng-if="newpershow">
 	<!---->
  	    
        <form>
         	
            <div class="col-md-12 form-group1" ng-if="editpertrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newsubcategory.name" placeholder="Sub Category Name" >
            </div>

            <div class="col-md-12 form-group1" ng-if="!editpertrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newsubcategory.name" placeholder="Sub Category Name" >
            </div>

            <div class="col-md-12 form-group1">
              <label class="control-label">Arabic Name</label>
              <input type="text" ng-model="newsubcategory.name_arabic" placeholder="Sub Category Arabic Name" >
            </div>

           	 <div class="col-md-12 form-group1 " ng-if="!editpertrue">
              <label class="control-label">Description</label>
              <textarea  ng-model="newsubcategory.description" placeholder="Description (Optional)" ></textarea>
            </div>
            <div class="col-md-6 form-group2 group-mail" ng-if="editpertrue">
              <label class="control-label">Status</label>
            	<select ng-model="newsubcategory.status">
	            	<option value="1">Active</option>
	            	<option value="2">Deactivate</option>
					<option value="6">Delete</option>
	            </select>
            </div>
             <div class="clearfix"> </div>
           <div class="col-md-12 form-group pad-top1" ng-if="!editpertrue">
              <button type="submit" ng-click="updatesubcategory()" class="btn btn-primary">Submit</button>
              <button type="reset" ng-click="showlistperscrren()" class="btn btn-default">Cancel</button>
            </div>
            <div class="col-md-12 form-group pad-top1" ng-if="editpertrue">
              <button type="submit" ng-click="updatesubcategory()" class="btn btn-primary">Update</button>
              <button type="reset" ng-click="showlistperscrren()" class="btn btn-default">Cancel</button>
            </div>
          <div class="clearfix"> </div>
        </form>
    
 	<!---->
 </div>

					

					

		<!-- <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 pagin">
			<div class="short_pul " ng-if="!mailread" ng-cloak ng-show="total=='true'">
			{$begin$} - {$end$} of {$totallength$} <a href="javascript:void(0)"><i class="fa fa-step-backward" ng-click="previouspage()" ng-show="previousdisable=='true'"></i></a>  <a href="javascript:void(0)"><i class="fa fa-step-forward" ng-click="nextpage()" ng-show="nextdisable=='true'"></i></a>
			</div>
	</div> -->
</div>





	


		<!-- /script-for sticky-nav -->
<!--inner block start here-->
<div class="inner-block">

</div>
<!--inner block end here-->
<!--copy rights start here-->
<!-- <div class="copyrights">
	 <p>© 2016 Pooled . All Rights Reserved | Design by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
</div>	 -->
<!--COPY rights end here-->
</div>
</div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
				@include('users.admin.sidebar')
							</div>

	@endsection
	@section('js')  
						
    
    <script src="{{ asset('js/angular_controllers/admincontroller.js') }}"></script>
    <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>
    



@endsection