@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getroles('1');getbranch();" 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>
             <!--header start here-->
				<!-- <div class="header-main">
					
					<div class="profile_details w3l">		
								<ul>
									<li class="dropdown profile_details_drop">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
											<div class="profile_img">	
												<span class="prfil-img"><img src="images/in4.jpg" alt=""> </span> 
												<div class="user-name">
													<p>{$loggedinuser.first_name$}</p>
													<a ng-click="logout()"><span>Logout</span></a>
												</div>
												<i class="fa fa-angle-down"></i>
												<i class="fa fa-angle-up"></i>
												<div class="clearfix"></div>	
											</div>	
										</a>
										<ul class="dropdown-menu drp-mnu">
											<li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li> 
											<li> <a href="#"><i class="fa fa-user"></i> Profile</a> </li> 
											<li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li>
										</ul>
									</li>
								</ul>
							</div>
							
				     <div class="clearfix"> </div>	
				</div> -->
				   <div class="clearfix"> </div>
<!--heder end here-->
	<div class="validation-form" ng-if="!newusershow">
 	
        <form>
          <h3>USER MANAGEMENT</h3>
         	<div class="col-md-12 row">
         	<div class="col-md-2 form-group2 group-mail">
           <!--  <label class="label-color">Search By Role</label> -->
              <select ng-model="search.role" ng-change="getusersbysearch()">
                <option value="">Search By Role</option>
                <option ng-repeat="role in roleslist"  value="{$role.id$}">{$role.name$}</option>
              </select>
            </div>
            <div class="col-md-2 form-group1 group-mail">
            <!--   <label class="label-color">Email</label> -->
              <input type="text" placeholder="Search By Email" ng-model="search.email" ng-enter="getusersbysearch()" ng-blur="getusersbysearch()" ng-change="getusersbysearch()" >
            </div>
            <div class="col-md-2 form-group1 group-mail">
              <!-- <label class="label-color">Phone Number</label>  -->
              <input type="text" placeholder="Search By Phone Number"  ng-model="search.phoneno" ng-enter="getusersbysearch()" ng-blur="getusersbysearch()" >
            </div>
            <div class="col-md-2 form-group2 group-mail">
              <!-- <label class="label-color">Phone Number</label>  -->
              <select ng-model="search.status" ng-change="getusersbysearch()">
                <option value="">Status</option>
                <option value="1">ACTIVE</option>
                <option value="2">DEACTIVE</option>
              </select>
            </div>
            <div class="col-md-2 form-group1 group-mail">
              <!-- <label class="label-color">Phone Number</label>  -->
              <input type="text" placeholder="Search By Name"  ng-model="search.name" ng-enter="getusersbysearch()" ng-blur="getusersbysearch()" ng-change="getusersbysearch()">
            </div>
            </div>
            <div class="col-md-12 row">
              <div class="col-md-7"></div>
             <div class="col-md-5 form-group margin-top">

             <button type="button" ng-click="getusersbysearch()" class="btn btn-default searchbutton">Go</button>

             <!-- <button type="reset" ng-click="reset()" class="btn btn-default searchbutton">Reset</button> -->
             <span  ng-click="reset()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding: 12px;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 45px;"></i></span>
                            
             <button type="button" ng-click="addUser()" class="btn btn-primary searchbutton">Add User</button>
             <select ng-model="newuser.statuschange" ng-change="statuschange()">
              <option value="">Select Status</option>
              <option ng-value="delete">Delete</option>
              <option ng-value="active">Active</option>
              <option ng-value="deactive">Deactive</option>
              
            </select>
            </div>
            </div>
            <div class="clearfix"> </div>
        </form>
    <!----> 
 
<div class="inbox-mail">
	
	<div ng-if="!newusershow">
	<div class="w3l-table-info table-responsive" style="display: inline-block;position: relative;width: 100%;">
					 
					    <table id="table">
						<thead>
						  <tr>
              <th></th>
							<th>Name</th>
							<th>Role</th>
							<th>Email</th>
							<th>Phone No</th>
							<th>Branch</th>
              <th>Status</th>
              <th>Created</th>
							<th>Actions</th>
						  </tr>
						</thead>
						<tbody>
						  <tr ng-repeat="user in users track by $index">
              <td><input type="checkbox" ng-model="user.check" ng-click="usercheck(user)"></td>
							<td ng-click="showorderhistory(user)">{$user.first_name$} {$user.last_name$} </td>
							<td>{$user.rolename$}</td>
							<td>{$user.email$}</td>
							<td>{$user.phone_no$}</td>
							<td><span ng-if="user.role=='3'||user.role=='2'">{$user.branch.branch_name$}</span></td>
              <td>{$user.statusname$}</td>
              <td>{$user.formatteddate$}</td>
							<td><i class="fa fa-pencil" ng-click="edituser(user)" aria-hidden="true"></i></td>
						  </tr>
						  
						</tbody>
					  </table>

					  <div class="col-xs-12 pagin vali-form">
						<div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
							<button type="button" ng-click="pagefirst()" class="btn btn-primary searchbutton rightpage">First Page</button>
							<a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previouspage()" 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="nextpage()" ng-show="nextdisable=='true'"></i></a>
							<button type="button" ng-click="pagelast()" class="btn btn-primary searchbutton leftpage">Last Page</button>
						</div>
			</div>
		</div>

		
</div>
</div>
</div>
	<div class="validation-form" ng-if="newusershow">
 	<!---->
  	    
        <form>
         	<div class="col-md-12">
         	<div class="col-md-12 form-group2 group-mail" ng-if="!edittrue">
              <label class="control-label">Select</label>
            <select ng-model="newuser.role" ng-change="roleselection()">
            	<option value="">Select User Role</option>
            	<option ng-repeat="role in roleslist" value="{$role.name$}">{$role.name$}</option>
            	
            </select>
            </div>
            <div class="col-md-6 form-group1">
              <label class="control-label">Firstname</label>
              <input type="text" ng-model="newuser.first_name" placeholder="Firstname" >
            </div>
            <div class="col-md-6 form-group1 ">
              <label class="control-label">Lastname</label>
              <input type="text" ng-model="newuser.last_name" placeholder="Lastname" >
            </div>
            <div class="clearfix"> </div>
            </div>
            
            <div class="col-md-6 form-group1 group-mail">
              <label class="control-label">Email</label>
              <input type="email" placeholder="Email" ng-model="newuser.email" >
            </div>
            
             
             <div class="col-md-6 form-group1 group-mail">
              <label class="control-label">Country Code</label>
              <input type="number" placeholder="Country Code" ng-model="newuser.country_code" >
            </div>
             <div class="col-md-6 form-group1 group-mail">
              <label class="control-label">Phone Number</label>
              <input type="text" placeholder="Phone Number" ng-model="newuser.phoneno" >
            </div>
            
            <div class="col-md-6 form-group1 group-mail" ng-if="!edittrue">
              <label class="control-label">Password</label>
              <input type="text" placeholder="Password" ng-model="newuser.password" >
            </div>
            <!-- <div class="col-md-6 form-group1 group-mail" ng-if="newuser.role == 'Store Owner'">
              <label class="control-label">Branch Name</label>
            	<input type="text" placeholder="Branch Name"  ng-model="newuser.branch_name">
            </div> -->
            <div class="col-md-6 form-group2 group-mail" ng-if="newuser.role == 'Delivery Boy'||newuser.role == 'Store Manager'">
              <label class="control-label">Branch Name</label>
              <select ng-model="newuser.branch_id">
                <option value="">Select Branch Name</option>
                <option ng-repeat="branch in branches" value="{$branch.id$}">{$branch.dukan_code$} - {$branch.branch_name$} - {$branch.city.city_name$}</option>
                
              </select>
            </div>
            <div class="col-md-6 form-group2 group-mail" ng-if="edittrue">
              <label class="control-label">Status</label>
            	<!-- <select ng-model="newuser.role">
            	<option ng-repeat="role in roleslist" value="{$role.name$}">{$role.name$}</option>
            	
            </select> -->
            <select ng-model="newuser.status">
            	<option value="1">Active</option>
            	<option value="2">Deactivate</option>
            </select>
            </div>
             <div class="col-md-6 form-group2 group-mail" ng-if="edittrue">
              <div ng-if="newuser.role == 'Customer'">
                <div ng-if="newuser.profice_pic_url != null">
                  <label class="control-label">Profile Pic</label>
                  <img src="assets\users\profile_pic\{$newuser.profice_pic_url$}" style="width:150px;height:150px">
                </div>
              </div>
             </div>
            <div>
              <div ng-if="newuser.role == 'Customer'">
                <div class="col-md-12">
          <h3>Address</h3>
          <input type="button" value="Add Address" class="btn btn-primary pull-right" ng-click="addrow();" style=" margin-right:20px; margin-bottom: 10px;">
          <table class="table table-striped">
            <thead>  
              <tr>
                <th style="color:#fd4051;">S.no</th>
                <th style="color:#fd4051;">Address1</th>
                <th style="color:#fd4051;">Address2</th>
                <th style="color:#fd4051;">Landmark</th>
                <th style="color:#fd4051;">Country</th>
                <th style="color:#fd4051;">Address Name</th>
                <th style="color:#fd4051;">Phone no</th>
                <th style="color:#fd4051;">Action</th>
              </tr>
            </thead>

            <tbody>
              <tr ng-repeat="r in newuser.address track by $index">
                <td>{$$index+1$}</td>
                <td> 
                <input type="text" class="form-control" id="address1_{$$index$}" ng-model="r.address_1"  name="address1_{$$index$}">
                </td>
                <td> 
                <input type="text" class="form-control" id="address2_{$$index$}" ng-model="r.address_2"  name="address2_{$$index$}">
                </td>
                <td><input type="text" class="form-control" id="land_{$$index$}" ng-model="r.land_mark"  name="land_{$$index$}"></td>
                <td><input type="text" class="form-control" id="country_{$$index$}" ng-model="r.country"  name="country_{$$index$}"></td>
                <td><input type="text" class="form-control" id="addressname_{$$index$}" ng-model="r.address_name"  name="addressname_{$$index$}"></td>
                <td><input type="number" class="form-control" id="contact_{$$index$}" ng-model="r.contact_no"  name="contact_{$$index$}"></td>
                <td ng-click="removepackage($index)">&times</td>
              </tr>
            </tbody>
          </table>
        </div>
                <!-- <div ng-repeat="user in newuser.address track by $index">
                <div class="col-md-6 form-group1 group-mail">
                  <label class="control-label">Address1</label>
                  <input type="text" placeholder="" ng-model="user.address_1">
                </div>
                <div class="col-md-6 form-group1 group-mail">
                  <label class="control-label">Address2</label>
                  <input type="text" placeholder="" ng-model="user.address_2">
                </div>
                </div> -->
          </div>
          </div>
             <div class="clearfix"> </div>
           <div class="col-md-12 form-group pad-all1" ng-if="!edittrue">
              <button type="submit" ng-click="adduser()" 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" ng-if="edittrue">
              <button type="submit" ng-click="updateuser()" 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>
<!-- script-for sticky-nav -->
		
		<!-- /script-for sticky-nav -->
<!--inner block start here-->
<div class="inner-block">

</div>
<!--inner block end here-->


</div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
  </div>
				@include('users.admin.sidebar')
							</div>

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



@endsection