@extends('layouts.app')

@section('content')
    <div class="page-wrapper">

        <div class="row page-titles">

            <div class="col-md-5 align-self-center">

                <h3 class="text-themecolor">{{ trans('lang.order_plural') }}</h3>

            </div>

            <div class="col-md-7 align-self-center">

                <ol class="breadcrumb">

                    <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">{{ trans('lang.dashboard') }}</a></li>

                    <li class="breadcrumb-item active">{{ trans('lang.order_table') }}</li>

                </ol>

            </div>

            <div>

            </div>

        </div>

        <div class="container-fluid">

            <div class="admin-top-section">

                <div class="row">

                    <div class="col-12">

                        <div class="d-flex top-title-section pb-4 justify-content-between">

                            <div class="d-flex top-title-left align-self-center">

                                <span class="icon mr-3"><img src="{{ asset('images/order.png') }}"></span>

                                <h3 class="mb-0">{{ trans('lang.order_plural') }}</h3>

                                <span class="counter ml-3 total_count"></span>

                            </div>

                            <div class="d-flex top-title-right align-self-center">

                                <div class="select-box pl-3">

                                    <select class="form-control status_selector">

                                        <option value="" selected>{{ trans('lang.status') }}</option>

                                        <option value="Order Placed">{{ trans('lang.order_placed') }}</option>

                                        <option value="Order Accepted">{{ trans('lang.order_accepted') }}</option>

                                        <option value="Order Rejected">{{ trans('lang.order_rejected') }}</option>

                                        <option value="Driver Pending">{{ trans('lang.driver_pending') }}</option>

                                        <option value="Driver Rejected">{{ trans('lang.driver_rejected') }}</option>

                                        <option value="Order Shipped">{{ trans('lang.order_shipped') }}</option>

                                        <option value="In Transit">{{ trans('lang.in_transit') }}</option>

                                        <option value="Order Completed">{{ trans('lang.order_completed') }}</option>

                                    </select>

                                </div>

                                <div class="select-box pl-3">

                                    <select class="form-control order_type_selector">

                                        <option value="" selected>{{ trans('lang.order_type') }}</option>

                                        <option value="takeaway">{{ trans('lang.order_takeaway') }}</option>

                                        <option value="delivery">{{ trans('lang.delivery') }}</option>

                                    </select>

                                </div>

                                <div class="select-box pl-3">

                                    <div id="daterange"><i class="fa fa-calendar"></i>&nbsp;

                                        <span></span>&nbsp; <i class="fa fa-caret-down"></i>

                                    </div>

                                </div>

                                <div class="select-box pl-3">

                                    <select class="form-control filteredRecords allModules" id="section_id" onchange="clickLink(this.value)">

                                        <option value="" selected>{{ trans('lang.select') }} {{ trans('lang.section_plural') }}

                                    </select>

                                    <p style="color: red;font-size: 13px;"> {{ trans('lang.rental_parcel_cab_service_are_not') }}</p>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="table-list">

                <div class="row">

                    <div class="col-12">

                        
                        
                        <div class="menu-tab vendorMenuTab">

                            <ul>

                                <li>

                                    <a href="{{ route('vendors.view', $id) }}">{{ trans('lang.tab_basic') }}</a>

                                </li>

                                <li>

                                    <a href="{{ route('vendors.items', $id) }}">{{ trans('lang.tab_items') }}</a>

                                </li>

                                <li class="active">

                                    <a href="{{ route('vendors.orders', $id) }}">{{ trans('lang.tab_orders') }}</a>

                                </li>

                                <li>

                                    <a href="{{ route('vendors.reviews', $id) }}">{{ trans('lang.tab_reviews') }}</a>

                                </li>

                                <li>

                                    <a href="{{ route('vendors.coupons', $id) }}">{{ trans('lang.tab_promos') }}</a>

                                <li>

                                    <a href="{{ route('vendors.payout', $id) }}">{{ trans('lang.tab_payouts') }}</a>

                                </li>

                                <li>

                                    <a href="{{ route('payoutRequests.vendor.view', $id) }}">{{ trans('lang.tab_payout_request') }}</a>

                                </li>

                                <li>

                                    <a class="wallet_transaction_vendor">{{ trans('lang.wallet_transaction') }}</a>

                                </li>

                                <li class="dine_in_future" style="display:none;">

                                    <a href="{{ route('vendors.booktable', $id) }}">{{ trans('lang.dine_in_future') }}</a>

                                </li>