@extends('layouts.adminlayouts.app')
@section('title')
<title>Complete Orders - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@push('css')
@endpush
@section('contents')

        <div class="row">
        <div class="col-lg-12">
        <div class="ibox ">
        <div class="ibox-title">
            <h5>Orders Completed</h5>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        
                        <div class="col-sm-3 m-b-xs">
                            <div class="input-group mb-3">
                            <div class="input-group date">
                                  <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" name="offer_start_date" class="form-control" value="07/07/2020">
                            </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="input-group mb-3">
                            <div class="input-group date">
                                  <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" name="offer_start_date" class="form-control" value="07/07/2020">
                            </div>
                            </div>
                           
                        </div>
                        <div class="col-sm-6">
                            <div class="input-group mb-3 pull-right" style="width: 280px;">
                                <input data-url="{{ route('admin.searchAjax', 'order') }}" type="text" class="form-control form-control-sm ajax-data-search" placeholder="Search by Order  Code, Id, Phone, email">
                                <div class="input-group-append">
                                    <button class="btn btn-sm btn-primary" type="button">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive  ajax-data-container">
                   @include('admin.orders.ordercompletedAll')

                </div>
                </div>
            </div>

        </div>
        </div>
        </div>

        </div>


@endsection
@push('js')
<script type="text/javascript">
$(document).ready(function(){

        $('.input-group.date').datepicker({
            todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });

    });
</script>
@endpush