@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getdeliveryfee();getordertype();getdeliverytype();getpickuptype();getpickuppaymenttype();getdeliverypaymenttype()" ng-cloak>
    <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-->
                <!-- <button type="button" ng-click="adddeliveryfee()" class="btn btn-primary searchbutton pull-right">Add Delivery charge</button>
                 --><div class="validation-form" ng-if="!newproductshow">
                    <h3>CHOOSE DELIVERY TYPE</h3>  
                    <form>
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="radio" ng-model="delivery.delivery_type" name="gender" value="1"> Only Pickup
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="delivery.delivery_type" name="gender" value="2"> Only Delivery
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="delivery.delivery_type" name="gender" value="3"> Both
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <button type="button" ng-click="savedeliverytype()" class="btn btn-primary">Submit</button>
                        </div>
                      </div>
                    </form>
                    <h3>CHOOSE PICKUP PAYMENT TYPE</h3>  
                    <form>
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="radio" ng-model="pickuptype.pickup_payment_type" name="pickup" value="1"> Only cod
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="pickuptype.pickup_payment_type" name="pickup" value="2"> Only Online Payment
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="pickuptype.pickup_payment_type" name="pickup" value="3"> Both
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <button type="button" ng-click="savepickuppaymenttype()" class="btn btn-primary">Submit</button>
                        </div>
                      </div>
                    </form>
                    <h3>CHOOSE DELIVERY PAYMENT TYPE</h3>  
                    <form>
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="radio" ng-model="deliverytype.delivery_payment_type" name="gender" value="1"> Only cod
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="deliverytype.delivery_payment_type" name="gender" value="2"> Only Online Payment
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="deliverytype.delivery_payment_type" name="gender" value="3"> Both
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <button type="button" ng-click="savedeliverypaymenttype()" class="btn btn-primary">Submit</button>
                        </div>
                      </div>
                    </form>
                    <h3>CHOOSE PICKUP TIMEGAP</h3>  
                    <form>
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="number" ng-model="delivery.time_limit"> min
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <button type="button" ng-click="savepickup()" class="btn btn-primary">Submit</button>
                        </div>
                      </div>
                    </form>
                    <h3>DELIVERY FEES</h3>
                <div class="inbox-mail">
                    <div >
    	                <div class="w3l-table-info table-responsive">
                           
                            <!-- <div class="vali-form" >
                         	  <div class="clearfix"> </div>
                             	<div class="col-md-6 form-group1 group-mail">
                                	<label class="control-label">Product Amount</label>
                                    <input type="number" ng-model="fee.product_amount"  placeholder="Questions" name="name" >
                                </div>
                                <div class="col-md-6 form-group1 group-mail">
                                    <label class="control-label">Delivery fee</label>
                                    <input type="number" ng-model="fee.delivery_amount"  placeholder="Questions" name="name">
                                </div>
                            </div>
                            <div class="clearfix"> </div>-->
                            <div class="col-md-12 form-group right" style="padding-top: 5px;">
                                <button type="submit" ng-click="adddeliveryfee()" class="btn btn-primary">ADD Delivery Amt</button>
                            </div> 
                            <div class="clearfix"> </div>
                            <h4>Delivery fee</h4>
                            <table id="table">
                                <thead>
                                    <tr>
                                        <th>Total Amount Range</th>
                                        <th>Delivery Charges</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="fee in feecharges track by $index">
                                        <td>SAR {$fee.product_amount$} - {$fee.end_amount$}</td>
                                        <td>SAR {$fee.delivery_amount$}</td>
                                        <td><span ng-if="fee.status == 1">Active</span><span ng-if="fee.status == 2">InActive</span></td>
                                        <td><a href="javascript:void(0)"><i class="fa fa-pencil" ng-click="editcharges(fee)" aria-hidden="true"></i></a></td>
                                    </tr>
                                </tbody>
                            </table>

                            <div class="clearfix"> </div>
                            <h4>Order Type</h4>
                            <table id="table">
                                <thead>
                                    <tr>
                                        <th>S.no</th>
                                        <th>Order Type</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="type in ordertype track by $index">
                                        <td>{$ $index+1 $}</td>
                                        <td>{$type.name$}</td>
                                        <td><span ng-if="type.status == 1">Active</span><span ng-if="type.status == 2">InActive</span></td>
                                        <td >
                                            <select ng-model="type.actionstatus" ng-change="statuschange(type)" >
                                                <option value="">Status</option>
                                                <option  value="1">Active</option>
                                                <option  value="2">InActive</option>
                                            </select><span ng-if="type.updateshow"><a href="javascript:void(0)" ng-click="updatetypestatus(type)"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="cancelstatusupdat(type)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>
                                          </td>
                                        </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
     	        </div>
                </div>
               
<div class="inner-block">

</div>
    <div class="modal fade" id="addfeemodal" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Delivery Charges</h4>
                        </div>
                        <div class="modal-body">
                            <div class="validation-form">
                                <form >
                                    <div class="vali-form" >
                                        
                                        <div class="col-md-12 form-group1 group-mail">
                                            <input type="number" ng-model="fee.product_amount"  placeholder="Start Amount" name="startamount" >
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <input type="number" ng-model="fee.end_amount"  placeholder="To Amount" name="endamount" >
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <input type="number" ng-model="fee.delivery_amount"  placeholder="Delivery Charges" name="name">
                                        </div>
                                        <div class="col-md-12 form-group2 group-mail">
                                            <select ng-model="fee.status" >
                                                <option value="1">Active</option>
                                                <option value="2">Deactivate</option>
                                                <option value="6">Delete</option>
                                            </select>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" ng-click="updatedeliveryfee()" >Save</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

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

	@endsection
	@section('js')  
			
	<script>
		$("#datepicker").datepicker({ minDate: 0 });
	</script>
    <script src="{{ asset('js/angular_controllers/productcontroller.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