@extends('layouts/layoutMaster')

@section('title', 'DataTables - Tables')

@section('vendor-style')
@endsection

@section('vendor-script')
@endsection

@section('page-script')
    @if ($activeTab === 'scripts')
        @include('seller.pages.order-manager.js')
    @elseif ($activeTab === 'config' && $isPermissionDefaultConfig)
        @include('seller.pages.order-manager.js-config-manager')
    @elseif ($activeTab === 'proxy')
        @include('seller.pages.order-manager.js-proxy-optimize-manager')
    @elseif ($activeTab === 'redeem-code' && $isPermissionRedeemCode)
        {{-- Redeem code manager --}}
        @include('seller.pages.order-manager.js-redeem-code-manager')
    @endif
@endsection

@section('content')
    <h4 class="fw-bold py-3 mb-4">
        {{-- <span class="text-muted fw-light">DataTables /</span>  --}}
        Order Manager
    </h4>

    <div class="nav-align-top mb-4">
        <ul class="nav nav-pills mb-3 nav-fill" role="tablist">
          <li class="nav-item">
            <a href="{{route('admin.order-manager', ['tab' => 'scripts'])}} " class="nav-link{{ $activeTab === 'scripts' ? ' active':'' }}" role="tab" aria-controls="navs-pills-justified-home" aria-selected="true">
                Order scripts
            </a>
          </li>
          @if($isPermissionDefaultConfig)
          <li class="nav-item">
            <a href="{{route('admin.order-manager', ['tab' => 'config'])}} " class="nav-link{{ $activeTab === 'config' ? ' active':'' }}" role="tab" aria-controls="navs-pills-justified-profile" aria-selected="false">
                Order config
            </a>
          </li>
          @endif
          <li class="nav-item">
            <a href="{{route('admin.order-manager', ['tab' => 'proxy'])}} " class="nav-link{{ $activeTab === 'proxy' ? ' active':'' }}" role="tab" aria-controls="navs-pills-justified-messages" aria-selected="false">
                Order Optimize Proxy
            </a>
          </li>
          @if($isPermissionRedeemCode)
          <li class="nav-item">
            <a href="{{route('admin.order-manager', ['tab' => 'redeem-code'])}} " class="nav-link{{ $activeTab === 'redeem-code' ? ' active':'' }}" role="tab" aria-controls="navs-pills-justified-redeem-code" aria-selected="false">
                Order redeem code
            </a>
          </li>
          @endif
        </ul>
        <div class="tab-content">
          <div class="tab-pane fade{{ $activeTab === 'scripts' ? ' show active':'' }}" id="navs-pills-justified-scripts" role="tabpanel">
            <div class="card-datatable table-responsive pt-0">
                <table class="datatables-basic table table-bordered" id="data-table-scripts">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th class="text-center">Customer</th>
                            <th class="text-center">Product</th>
                            <th class="text-left">Price Type</th>
                            <th class="text-center">Total</th>
                            <th class="text-center">Created at</th>
                            <th class="text-center">Approve at</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                </table>
            </div>
          </div>
          @if($isPermissionDefaultConfig)
          <div class="tab-pane fade{{ $activeTab === 'config' ? ' show active':'' }}" id="navs-pills-justified-config" role="tabpanel">
            <div class="card-datatable table-responsive pt-0">
                <table class="datatables-basic table table-bordered" id="data-table-config">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th class="text-center">Customer</th>
                            <th class="text-center">Product</th>
                            <th class="text-left">Price Type</th>
                            <th class="text-center">Total</th>
                            <th class="text-center">Created at</th>
                            <th class="text-center">Approve at</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                </table>
            </div>
          </div>
          @endif
          <div class="tab-pane fade{{ $activeTab === 'proxy' ? ' show active':'' }}" id="navs-pills-justified-proxy" role="tabpanel">
            <div class="card-datatable table-responsive pt-0">
                <table class="datatables-basic table table-bordered" id="data-table-proxy">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th class="text-center">Customer</th>
                            <th class="text-center">Product</th>
                            <th class="text-left">Price Type</th>
                            <th class="text-center">Total</th>
                            <th class="text-center">Created at</th>
                            <th class="text-center">Approve at</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Action</th>
                        </tr>
                    </thead>
                </table>
            </div>
          </div>
          @if($isPermissionRedeemCode)
          <div class="tab-pane fade{{ $activeTab === 'redeem-code' ? ' show active':'' }}" id="navs-pills-justified-redeem-code" role="tabpanel">
            <div class="card-datatable table-responsive pt-0">
                <table class="datatables-basic table table-bordered" id="data-table-redeem-code">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th class="text-center">Customer</th>
                            <th class="text-center">Product</th>
                            <th class="text-left">Price Type</th>
                            <th class="text-center">Total</th>
                            <th class="text-center">Created at</th>
                            <th class="text-center">Quantity</th>
                            <th class="text-center">Status</th>
                            {{-- <th class="text-center">Action</th> --}}
                        </tr>
                    </thead>
                </table>
            </div>
          </div>
          @endif
        </div>
    </div>
  
@endsection