@extends('layouts.default')
@section('title')
Order List - {{ @$seller_details->seller_name }}
@stop
@section('commonbuttons')
  @include('tally.common.individualcommonbuttons',['seller_id'=>$seller_id,'current_page'=>'orderlist'])
@stop
@section('content')
<div class="dashboard_page">
    <div class="card card-flush h-xl-100">
      <!--begin::Card header-->
      <div class="card-header pt-1">
        <!--begin::Title-->
        <h3 class="card-title align-items-start flex-column">
          <div class="d-flex align-items-center position-relative my-1">
            <span class="svg-icon svg-icon-1 position-absolute ms-4">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="black"></rect>
                <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="black"></path>
              </svg>
            </span>
            <input type="text" data-kt-order-list-filter="search" class="form-control form-control-solid w-250px ps-14" placeholder="Search Order">
            <div class="col-md-6">
              <form id="create-search-form" class="" method="get" 
                action="{{ route('orderlisting',array('seller_id'=>$seller_id)) }}" autocomplete="off" role="form" enctype="multipart/form-data" style="margin-top:0px;padding-left:50px;">
                <label>Order Status : </label>
                <input type="hidden" name="seller_id" value="{{$seller_id}}">
                <select name="status" class="form-control form-select " onchange = "$('#create-search-form').submit();">
                  <option value="All" >All</option>
                  <option value="New" >New</option>
                  <option value="Pending" >Pending</option>
                  <option value="Sync" >Sync</option>
                </select>
              </form>
            </div>
          </div>
        </h3>
        <!--end::Title-->        
      </div>
      <!--end::Card header-->
      <!--begin::Card body-->
      <div class="card-body">
        <table class="table align-middle table-row-dashed fs-6 gy-3" id="order_list_table">
            <thead class="fw-bolder text-muted">
              <tr>
                <td class="min-w-150px">Order Number</td>
                <td class="min-w-70px">Total Amount</td>
                <td class="min-w-100px">Currency</td>
                <td class="min-w-100px">Order Created Date</td>
                <td class="min-w-100px">Order Status</td>
                <td class="min-w-100px">Status</td>
              </tr>
            </thead>
            <tbody class="fw-bold fs-6">
              <!--begin::Table row-->
              @if(!empty($orderData) && count($orderData) > 0)
                @foreach($orderData as $order)
                <tr>
                    <td>{{ $order->order_number }}</td>
                    <td>{{ $order->total_amount }}</td>
                    <td>{{ $order->currency }}</td>
                    <td>{{ date('Y-m-d H:i:s',strtotime($order->order_created_date)) }}</td>
                    <td>{{ $order->order_status }}</td>
                    <td>
                      @if($order->sync_status == 'Active')
                        <span class="badge badge-light-success">{{ $order->sync_status }}</span>
                      @else
                        <span class="badge badge-light-danger">{{ $order->sync_status }}</span>
                      @endif
                    </td>
                </tr>
                @endforeach
              @else
                <tr class="text-center">
                  <td colspan="5">
                    No Order found.
                  </td>
                </tr>
              @endif
              <!--end::Table row-->                  
            </tbody>
          </table>
      </div>
      <!--end::Card body-->
    </div>
</div>  
@endsection
@section('more_scripts')
<script src="{{ asset('assets/js/datatables.bundle.js') }}"></script>
<script src="{{ asset('assets/js/custom/order-list.js') }}"></script>
@endsection