@extends('layouts.back-end.body')
@section('content')
    <div class="app-content pt-3 p-md-3 p-lg-4">
        <div class="container-xl">

            <div class="row g-3 align-items-center justify-content-between">
                <div class="col-auto">
                    <h1 class="app-page-title"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                            fill="currentColor" class="bi bi-cart4" viewBox="0 0 16 16">
                            <path
                                d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" />
                        </svg><span class="sub-navicate">{{ __('message.order') }}</span>
                </div>
            </div>

            <div class="app-card app-card-notification shadow-sm mb-4">
                <div class="app-card-body p-4 input-p-4" style="padding-bottom: 0px !important;">
                    <div class="col-lg-12 col-md-12 col-sm-12 row middle-decoration slide-padding">
                        <nav id="orders-table-tab"
                            class="orders-table-tab app-nav-tabs nav shadow-sm flex-column flex-sm-row mb-4">
                            <a class="flex-sm-fill text-sm-center nav-link active" id="order-pendding-tab" data-toggle="tab"
                                href="#order-pendding" role="tab" aria-controls="order-pendding"
                                aria-selected="true">Pendding order</a>
                            <a class="flex-sm-fill text-sm-center nav-link" id="order-approve-tab" data-toggle="tab"
                                href="#order-approve" role="tab" aria-controls="order-approve"
                                aria-selected="false">Approve order</a>
                        </nav>

                        <div class="tab-content" id="orders-table-tab-content">

                            <div class="tab-pane fade show active" id="order-pendding" role="tabpanel"
                                aria-labelledby="order-pendding-tab">
                                @include('back-end.order.pendding.index')
                            </div><!--//tab-pane-->

                            <div class="tab-pane fade" id="order-approve" role="tabpanel"
                                aria-labelledby="order-approve-tab">
                                <input type="hidden" id="id" value="{!! isset($customer_id) ? $customer_id : 0 !!}">
                                @include('back-end.order.approve.index')
                            </div><!--//tab-pane-->

                        </div><!--//tab-content-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- include('back-end.order.script') --}}
@endsection