@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>CATEGORY</h3>
            <div class="col-md-4 form-group1 group-mail" ng-if="!newusershow">
            <!-- <label class="label-color">Name</label>  -->
              <input type="text" placeholder="Search By Name" ng-model="search.name" ng-enter="getcategorybysearch()" ng-blur="getcategorybysearch()" >
            </div>

            <div class="col-md-4 form-group2 group-mail" ng-if="!newusershow">
              <!-- <label class="label-color">Status</label> --> 
            <select ng-model="search.status" ng-change="getcategorybysearch()">
              <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="!newusershow">

             	<button type="button" ng-click="getcategorybysearch()" class="btn btn-default searchbutton">Go</button>
				<!-- <button type="reset" ng-click="resetcategory()" class="btn btn-default searchbutton">Reset</button> -->
             	<span  ng-click="resetcategory()" 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-6 w3l-table-info" ng-if="!newusershow" style="display: inline-block;position: relative;width: 50%;">
					 
					    <table id="table">
						<thead>
						  <tr>
							<th>Category Name</th>
							<th>Status</th>
							<th>Actions </th>
							<th><a  ng-click="addnewcategory()" href="javascript:void(0)"><i class="fa fa-plus i-black" aria-hidden="true"></a></th>
						  </tr>
						</thead>
						<tbody>
						  <tr ng-repeat="category in list track by $index">
							<td>{$category.name$}</td>
							<td ng-if="category.status=='1'">Active</td>
							<td ng-if="category.status=='2'">Deactivated</td>
							<td ng-if="category.status=='6'">Deleted</td>
							<td><i class="fa fa-pencil" ng-click="editcategory(category)" aria-hidden="true"></i></td>

							
							<td></td>

						  </tr>
						  
						</tbody>
					  </table>

					  <div class="col-xs-12 pagin vali-form">
							<div class="short_pul pull-right" ng-cloak ng-show="total=='true'">
							<button type="button" ng-click="pagefirstcategory()" class="btn btn-primary searchbutton rightpage">First Page</button>
							<a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previouspagecategory()" ng-show="previousdisable=='true'"></i></a>
							{$begin$} - {$end$} of {$totallength$} 
							  <a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextpagecategory()" ng-show="nextdisable=='true'"></i></a>
							  <button type="button" ng-click="pagelastcategory()" class="btn btn-primary searchbutton leftpage">Last Page</button>
							</div>
					</div>
					</div>

	<div class="col-md-6 validation-form mar-top1" ng-if="newusershow">
 	<!---->
  	    
        <form>
         	
            <div class="col-md-6 form-group1" ng-if="edittrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newcategory.name" placeholder="Category Name" >
            </div>

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

            <div class="col-md-6 form-group1" ng-if="edittrue">
              <label class="control-label">Arabic Name</label>
              <input type="text" ng-model="newcategory.name_arabic" placeholder="Category Arabic Name" >
            </div>

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

            <div class="col-md-12 form-group1 " ng-if="!edittrue">
              <label class="control-label">Description</label>
              <textarea  ng-model="newcategory.description" placeholder="Description (Optional)" ></textarea>
            </div>

            <div class="col-md-12">
              	
		          	<div class="col-md-6">
              		<label class="control-label">Icon</label>
		              <img  src="{{ asset('assets/category/{$newcategory.iconurl$}') }}" alt = "">
		            </div>
		            <div class="col-md-6">
              		<label class="control-label">Image</label>
		              <img width = "100%" height="100%" src="{{ asset('assets/category/{$newcategory.imageurl$}') }}" alt = "">
		            </div>
            </div>
            <div class="col-md-12">
            <div class="col-md-6 form-group1">
              <label class="control-label">Icon</label>
              <input type="file" size="60" class="upload_text hide_file" placeholder="Avatar" accept="image/*" name="newcategory_icon" ngf-select="selectAvatar(newcategory_icon,'icon')" ngf-max-files="3" ng-model="newcategory_icon"/>
            </div>

            <div class="col-md-6 form-group1">
              <label class="control-label">Image</label>
              <input type="file" size="60" class="upload_text hide_file" placeholder="Avatar" accept="image/*" name="newcategory_image" ngf-select="selectAvatar(newcategory_image,'image')" ngf-max-files="3" ng-model="newcategory_image"/>
            </div>
        </div>
           	
            <div class="col-md-6 form-group2 group-mail" ng-if="edittrue">
              <label class="control-label">Status</label>
            	<select ng-model="newcategory.status">
	            	<option value="1">Active</option>
	            	<option value="2">Deactivate</option>
					<option value="6">Delete</td>
	            </select>
            </div>
             <div class="clearfix"> </div>
           <div class="col-md-12 form-group pad-top1" ng-if="!edittrue">
              <button type="submit" ng-click="updatecategory()" class="btn btn-primary">Submit</button>
              <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
            </div>
            <div class="col-md-12 form-group pad-all1" ng-if="edittrue">
              <button type="submit" ng-click="updatecategory()" class="btn btn-primary">Update</button>
              <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
            </div>
          <div class="clearfix"> </div>
        </form>
    
 	<!---->
 </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