@extends('layouts.web_app')
@section('head')
	
@endsection
@section('content')

   <!--/content-inner-->
 <div>
    <!-- HEADER -->
     <header id="masthead" class="clearfix" itemscope="itemscope" itemtype="https://schema.org/WPHeader">
        @include('customer.loggedinheader')
        @include('customer.headerwithsearch')
          
    </header> 
        <!-- / HEADER -->
        <!-- CONTENT + SIDEBAR -->
        <div class="main-wrapper clearfix" style = "padding-top:20px;" ng-init="getorderid();getassigneddetail()" ng-cloak>
           <!--  <input type="text" id="customer_id"  hidden> -->
            <div class="container theme-container">
                <main id="main-content" class="main-container" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="">
                    <article itemscope="itemscope" itemtype="" itemprop="blogPost">
                    <div class="entry-content" itemprop="articleBody">
                        <div class="woocommerce checkout">
                            <form name="checkout" class="checkout woocommerce-checkout">
                                <div class="col2-set clearfix" id="customer_details">
                                    <div class="col-1 col-lg-6 col-sm-6 border">
                                        <h4 class="cart-title-highlight title-3">Assign</h4>
                                        
                                        <div class="row" ng-if="!newassignshow">
                                          <input class="col-md-4" type="text" placeholder="Search By Name " ng-model="assign.assignedfilter"  ng-blur="getassigneddetail()"> 
                                          <span class="col-md-3 input-group-addon" style="cursor:pointer" ng-click="getassigneddetail()">
                                                <i class="fa fa-search"></i>     
                                            </span>
                                            <button class="btn btn-default btn-xs pull-right no-margin " ng-click="reset()" data-toggle="tooltip" data-placement="right" title="Clearsearch" id="refresh" style="cursor: pointer;"><i class="fa fa-refresh" aria-hidden="true" ></i></button>
                                           <!--  <input type="text" ng-model="search.category_id" placeholder = "CATEGORY" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputsearch($model)" typeahead-min-length="0"> --> 
                                        </div>
                                       
                                        <div class="col-md-12 inbox-mail "  >
                                            <div class="col-md-12" ng-if="!newassignshow">
                                            <table class="table table-bordered" >
                                                <thead>
                                                  <tr>
                                                    <th> Name</th>
                                                    <th>Phone No</th>
                                                    <th>Relation </th>
                                                    <th>Pickupdate</th>
                                                    <th>Pickuptime</th> 
                                                    <th><a  ng-click="addnewassign()" href="javascript:void(0)"><i class="fa fa-plus i-black" aria-hidden="true"></a></th>
                                                  </tr>
                                                </thead>
                                                <tbody>
                                                  <tr ng-repeat="a_details in assigneddetails track by $index">
                                                      <td> {$a_details.name $}</td>
                                                      <td> {$a_details.phone $}</td>
                                                      <td> {$a_details.relation $}</td>
                                                      <td> {$a_details.pickup_date $}</td>
                                                      <td> {$a_details.pickup_time_formatted $}</td>
                                                      <!-- <td> <a  ng-click="removepickup(a_details.id)" href="javascript:void(0)"><i class="fa fa-trash-o i-black" aria-hidden="true"></a></td> -->
                                                       <td><i class="fa fa-pencil" ng-click="editassigned(a_details)" aria-hidden="true"></i></td>
                                                       
                                                  </tr>
                                                </tbody>
                                            </table>
                                            <!-- <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 pagin">
                                                <div class="short_pul pull-right" 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="previouspageseller()" ng-show="previousdisable=='true'"></i></a>  <a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextpageseller()" ng-show="nextdisable=='true'"></i></a>
                                                </div>
                                            </div> -->
                                            </div>
                                        </div>
                                        <div class="row" ng-if="newassignshow">  
                                             <div class="form-group row">
                                                <button type="reset" ng-click="showlistscrren()" class=" btn btn-default pull-right no-margin ">View All</button>  
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Name</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <input class="form-control" ng-model="assign.name" type="text" placeholder="Name">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Phone no</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <input class="form-control" type="text" ng-model = "assign.phone" placeholder="Phone">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Email</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <input class="form-control" type="email" ng-model = "assign.email" placeholder="Email">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Relation</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <input class="form-control" ng-model="assign.relation" type="text" placeholder="Relation">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Pickupdate</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                       <input class="form-control" ng-model="assign.pickup_date" type="date" placeholder="dd/mm/yy" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- <div class="form-group row">
                                                <label class="col-lg-2 form-label">Pickup Time</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                    <select ng-model="assign.pickup_time"  id="pot">
                                                        <option ng-repeat="time in time track by $index" value="{$time.id$}">{$time.time$}</option>
                                                    </select>
                                                      
                                                    </div>
                                                </div>
                                            </div> -->
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Order</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <select
                                                            class="form-control" ng-model="assign.order_id"  data-width="100%"
                                                            data-toggle="tooltip" title="Order" ng-change="getreadysellers(assign.order_id);getreadyorder();getreadybranch(assign.order_id)">
                                                            <option ng-repeat="order in orderid track by $index" value="{$order.id$}" >{$order.order_id$}</option>
                                                        </select>
                                                   </div>
                                                </div>
                                            </div>
                                           <!--  <div class="form-group row">
                                                <label class="col-lg-2 form-label">Seller</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <select
                                                            class="form-control" ng-model="assign.seller_id"  data-width="100%"
                                                            data-toggle="tooltip" title="Seller" ng-change="getsellerstore(assign.seller_id);getreadyorder();">
                                                            <option ng-repeat="seller in sellers track by $index" value="{$seller.id$}">{$seller.first_name$} {$ seller.last_name$}</option>
                                                        </select>
                                                </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Store</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <select
                                                            class="form-control" ng-model="assign.store_id"  data-width="100%"
                                                            data-toggle="tooltip" title="Seller" ng-change="getsellerbranch(assign.store_id)">
                                                            <option ng-repeat="store in sellerstore track by $index" value="{$store.id$}">{$store.store_name$}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div> -->
                                            <div class="form-group row">
                                                <label class="col-lg-2 form-label">Order branch</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <select
                                                            class="form-control" name="storebranch" ng-model= "assign.branch_id"  data-width="100%"
                                                            data-toggle="tooltip" title="Seller" ng-change="getbranchtime(assign.branch_id);getreadyorder();">
                                                            <option ng-repeat="branch in orderbranch track by $index" value="{$branch.id$}">{$branch.branch_name$}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                           <!--  <div class="form-group row">
                                                <label class="col-lg-2 form-label">Branch</label>
                                                <div class="col-lg-10">
                                                    <div class="controls">
                                                        <div class="row" ng-repeat="branch in storebranch track by $index">
                                                            <input class="form-control radioclass" type="radio" name="storebranch" ng-model= "assign.branch_id" value="{$branch.id$}"  ng-change="getbranchtime({$branch.id$})"> {$branch.branch_name$}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> -->
                                            Timing:{$orderslot.time_slot.open_time_formatted$} - {$orderslot.time_slot.close_time_formatted$}
                                            
                                            <div class="row">
                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                    <div class="table-responsive" >
                                                        <table class="table table-bordered" >
                                                            <thead>
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>Product Name</th>
                                                                    <th>Quantity</th>
                                                                    <th>Price</th>
                                                                    <th>total</th>
                                                                   
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr ng-repeat="element in readyorder track by $index">
                                                                    <th scope="row">{$ $index+1$}</th>
                                                                    <td>{$ element.product.product_name $} {$ element.product_price.quantity $} {$ element.product_quantity.display_name $}</td>
                                                                    <td>{$element.quantity$}</td>
                                                                    <td>${$element.selling_amount$}</td>
                                                                    <td>${$element.total_amount $}</td>
                                                                    
                                                                </tr> 
                                                                 
                                                            </tbody>
                                                        </table>
                                                        <div class="row ">
                                                            <div class="col-md-8">Total Items : {$ readyorder.length$}</div>
                                                           <div class="col-md-4">Grand Total : ${$ total$}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <center><button ng-click="updateassigned()"> Assign</button></center>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                                                     
                                     
                                        
                                    
                                </div>     
                            </div>
                        </div>
                    </article>
                </main>
            </div>


           

            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <!-- / CONTENT + SIDEBAR -->



        
 @include('customer.footer')

    

	@endsection

    @section('js')  
                        
   
    <script src="{{ asset('web_plugins/nouislider/nouislider.min.js') }}"></script>
   



@endsection