@extends('layouts.sellerlayouts.app')
@section('title')
<title> {{ __(ucfirst($status)) }} Orders of {{ $seller->title }} - {{$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>{{ __(ucfirst($status)) }} {{ __('Orders') }}</h5>
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-lg-12">
                    <p><a href="#" class="btn btn-white btn-sm"> All <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Panding <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Ready To Ship <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Shipped <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Delivered <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Cancel <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Return <i class="fa fa-angle-right"></i></a>
                    <a href="#" class="btn btn-white btn-sm"> Failed Delivery </a></p>
                    <hr>
                </div>
                <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" >
                                <input data-url="{{ route('seller.searchAjax', ['seller'=>$seller,'type'=>'orderitem', 'status'=> isset($status) ? $status : null]) }}" type="text" class="form-control form-control-sm ajax-data-search" placeholder="Search by Order  Code, Id, Phone, email,product id">
                                <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('seller.orders.ordersAll')

                </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