@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getdeliverytime();getdeliverytimeslots();" 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>
            <div class="validation-form">
            <h3>DELIVERY TIME SLOT</h3>
                    <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="deliverytime.delivery_type" name="gender" value="1"> Minutes
                        </div>
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <input type="radio" ng-model="deliverytime.delivery_type" name="gender" value="2"> Day
                        </div>
                      </div>
                    <h3>CHOOSE DELIVERY TIMEGAP</h3>  
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="number" ng-model="deliverytime.time_limit">
                        </div>
                      </div>
                      <h3>DELIVERY MAXIMUM PURCHASE LIMIT</h3>
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="number" ng-model="deliverytime.delivery_limit">
                        </div>
                      </div>
                      <h3>DELIVERY MINIMUM PURCHASE LIMIT</h3>
                      <div class="row"> 
                        <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                            <input type="number" ng-model="deliverytime.minimum_limit">
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-3 col-md-3" style="background-color:#ffffff">
                            <button type="button" ng-click="savedeliverytime()" class="btn btn-primary">Submit</button>
                        </div>
                      </div>
                    </form>
            <button type="button" ng-click="adddeliverytimeslot()" class="btn btn-primary searchbutton pull-right">Add TimeSlot</button>
                
            <div class="col-md-12 inbox-mail">
               <div class="col-md-12 w3l-table-info table-responsive" >
                    <table id="table">
                        <thead>
                            <tr>
                                <th>Open Time</th>
                                <th>Close Time</th>
                                <th>Delivery Count</th>
                                <th>Status</th>
                                <th>Actions </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="time in deliverytimeslots track by $index">
                                <td>  {$time.open_time_formatted$}</td>
                                <td>  {$time.close_time_formatted$}</td>
                                <td>  {$time.delivery_count$}</td>
                                <td ng-if="time.status=='1'">Active</td>
                                <td ng-if="time.status=='2'">Deactivated</td>
                                <td>
                                    <a href="javascript:void(0)" title="Edit" style="padding-right: 10px;"><i class="fa fa-pencil" ng-click="editdeliveryslot(time,$index)" aria-hidden="true"></i></a>
                                    <a href="javascript:void(0)" title="Delete" ><i class="fa fa-trash" ng-click="removedeliveryslot(time.id)" aria-hidden="true"></i></a></td>
                                    
                                <td></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>
            <div class="clearfix"> </div>
            <div class="inner-block">

            </div>
            <div class="modal fade" id="addtimeslot" 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">TimeSlot</h4>
                        </div>
                        <div class="modal-body">
                            <div class="validation-form" >
                                <form >
                                    <div class="vali-form" >
                                        <div class="col-md-12 form-group2 group-mail">
                                            <label class="control-label">Open Time</label>
                                            <oi-select oi-options="time.id as time.time for time in timeArray" 
                                              ng-model="timeslot.open_time" placeholder="Select Open Time" list-placeholder="not found" 
                                              ></oi-select>
                                        </div>
                                        <div class="col-md-12 form-group2 group-mail">
                                            <label class="control-label">Close Time</label>
                                            <oi-select oi-options="time.id as time.time for time in timeArray" 
                                              ng-model="timeslot.close_time" placeholder="Select Close Time" list-placeholder="not found" 
                                              ></oi-select>
                                        </div>
                                        <div class="col-md-12 form-group2 group-mail">
                                            <label class="control-label">Delivery Count</label>
                                            <input type="number" ng-model="timeslot.delivery_count" class="form-control">  
                                        </div>
                                        <div class="col-md-12 form-group2 group-mail" ng-if="editpertrue">
                                          <label class="control-label">Status</label>
                                            <select ng-model="timeslot.status">
                                                <option value="1">Active</option>
                                                <option value="2">Deactivate</option>
                                            </select>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" ng-click="updatedeliverytimeslot()" >Save</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   @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