@extends('admin.layouts.master-soyuz')
@section('title',__('Pending Orders - '))
@section('body')

@component('admin.component.breadcumb',['thirdactive' => 'active'])
@slot('heading'){{ __('Pending Orders') }}@endslot
@slot('menu2'){{ __("Pending Orders") }}@endslot
@endcomponent

<div class="contentbar">

  {{-- Summary bar --}}
  <div class="pending-summary-bar mb-3">
    <div class="d-flex align-items-center gap-3">
      <div class="pending-count-badge">
        <i class="feather icon-clock"></i>
        <span>{{ count($orders) }} {{ __('Pending') }}</span>
      </div>
      <small class="text-muted">{{ __('Click any order to view full details') }}</small>
    </div>
  </div>

  @if(count($orders) > 0)

    <div class="row no-gutter pending-orders-wrap" id="pendingOrdersRow">

      <div class="col-md-12 orders-list-col" id="ordersListCol">
        @foreach($orders as $order)

          <div onclick="orderget('{{ $order['id'] }}')"
               id="orderbox{{ $order['id'] }}"
               class="pending-order-card-wrap">
            <div class="pending-order-card">

              {{-- Left accent + status --}}
              <div class="poc-left">
                <span class="poc-status">{{ __('Pending') }}</span>
                <span class="poc-icon"><i class="feather icon-shopping-bag"></i></span>
              </div>

              {{-- Main info --}}
              <div class="poc-body flex-grow-1">
                <div class="d-flex align-items-center justify-content-between flex-wrap" style="gap:6px">
                  <div>
                    <h5 class="poc-order-id mb-1">#{{ $inv_cus['order_prefix'].$order['orderid'] }}</h5>
                    <div class="poc-meta">
                      <span><i class="feather icon-user"></i> {{ $order['customername'] }}</span>
                      <span><i class="feather icon-credit-card"></i> {{ $order['payment_method'] }}</span>
                      <span><i class="feather icon-calendar"></i> {{ \Carbon\Carbon::parse($order['orderdate'])->format('d M Y') }}</span>
                      <span><i class="feather icon-clock"></i> {{ \Carbon\Carbon::parse($order['orderdate'])->format('h:i A') }}</span>
                    </div>
                  </div>
                  <div class="poc-right d-flex align-items-center" style="gap:10px">
                    <div class="poc-amount">
                      <sup><i class="{{ $order['paid_in'] }}"></i></sup>{{ number_format($order['total'] + $order['handlingcharge'], 2) }}
                    </div>
                    <div class="poc-actions" onclick="event.stopPropagation()">
                      <button type="button"
                        @if(env('DEMO_LOCK') == 0) data-toggle="modal" data-target="#confirm{{ $order['id'] }}" @else disabled title="{{ __('This action cannot be done in demo !') }}" @endif
                        class="btn poc-btn-confirm">
                        <i class="feather icon-check-circle"></i> {{ __('Confirm') }}
                      </button>
                      <a @if(env('DEMO_LOCK') == 0) data-toggle="modal" data-target="#cancelFULLOrder{{ $order['id'] }}" @else disabled title="{{ __('This action is disabled in demo !') }}" @endif
                         class="btn poc-btn-cancel">
                        <i class="feather icon-x-circle"></i> {{ __('Cancel') }}
                      </a>
                    </div>
                  </div>
                </div>
              </div>

              {{-- Chevron --}}
              <div class="poc-chevron"><i class="feather icon-chevron-right"></i></div>

            </div>
          </div>

          {{-- Confirm modal --}}
          <div id="confirm{{ $order['id']}}" class="delete-modal modal fade" role="dialog">
            <div class="modal-dialog modal-sm">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <div class="delete-icon"></div>
                </div>
                <div class="modal-body text-center">
                  <h4 class="modal-heading">{{ __("Are You Sure ?") }}</h4>
                  <p>{{ __("Do you really want to confirm this order ? it will confirm the whole order.") }}</p>
                </div>
                <div class="modal-footer">
                  <form action="{{ route('quick.pay.full.order',$order['id']) }}" method="POST">
                    @csrf
                    <input type="hidden" name="status" value="processed">
                    <button type="reset" class="btn btn-gray translate-y-3" data-dismiss="modal">{{ __("NO") }}</button>
                    <button type="submit" class="btn btn-danger">{{ __("YES") }}</button>
                  </form>
                </div>
              </div>
            </div>
          </div>

          {{-- Cancel modal --}}
          @if(!isset($checkOrderCancel) || !isset($orderlog))
          <div data-backdrop="static" data-keyboard="false" class="modal fade"
               id="cancelFULLOrder{{ $order['id'] }}" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h4 class="modal-title">{{ __('Cancel Order') }}: #{{ $inv_cus->order_prefix.$order['orderid'] }}</h4>
                  <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body">
                  @php $secureorderID = Crypt::encrypt($order['id']); @endphp
                  <form method="POST" action="{{ route('full.order.cancel',$secureorderID) }}">
                    @csrf
                    <div class="form-group">
                      <label>{{ __("Choose Reason") }} <span class="required">*</span></label>
                      <select class="form-control select2" required name="comment">
                        <option value="">{{ __("Please Choose Reason") }}</option>
                        <option value="Requested by User">{{ __('Requested by User') }}</option>
                        <option value="Order Placed Mistakely">{{ __("Order Placed Mistakely") }}</option>
                        <option value="Shipping cost is too much">{{ __("Shipping cost is too much") }}</option>
                        <option value="Wrong Product Ordered">{{ __("Wrong Product Ordered") }}</option>
                        <option value="Product is not match to my expectations">{{ __("Product is not match to my expectations") }}</option>
                        <option value="Other">{{ __("My Reason is not listed here") }}</option>
                      </select>
                    </div>

                    @php $user = App\User::find($order['userid']); @endphp

                    @if($order->payment_method != 'COD' && $order->payment_method != 'BankTransfer')
                      <div class="form-group">
                        <label>{{ __("Choose Refund Method:") }}</label>
                        <div class="d-flex flex-column" style="gap:6px">
                          <label class="mb-0"><input required class="source_check" type="radio" value="orignal" name="source"> {{ __("Original Source") }} [{{ $order->payment_method }}]</label>
                          @if($user && $user->banks->count() > 0)
                            <label class="mb-0"><input required class="source_check" type="radio" value="bank" name="source"> {{ __("In Bank") }}</label>
                            <select name="bank_id" id="bank_id" class="display-none form-control">
                              @foreach($user->banks as $bank)
                                <option value="{{ $bank->id }}">{{ $bank->bankname }} ({{ $bank->acno }})</option>
                              @endforeach
                            </select>
                          @else
                            <label class="text-muted mb-0"><input type="radio" disabled> {{ __('In Bank') }} <i class="fa fa-question-circle" data-toggle="tooltip" title="{{ __('Add a bank account in My Bank Account') }}"></i></label>
                          @endif
                        </div>
                      </div>
                    @else
                      @if($user && $user->banks->count() > 0)
                        <div class="form-group">
                          <label class="mb-0"><input required class="source_check" type="radio" value="bank" name="source"> {{ __("In Bank") }}</label>
                          <select name="bank_id" id="bank_id" class="display-none form-control mt-1">
                            @foreach($user->banks as $bank)
                              <option value="{{ $bank->id }}">{{ $bank->bankname }} ({{ $bank->acno }})</option>
                            @endforeach
                          </select>
                        </div>
                      @else
                        <label class="text-muted mb-2"><input type="radio" disabled> {{ __("In Bank") }} <i class="fa fa-question-circle" data-toggle="tooltip" title="{{ __('Add a bank account in My Bank Account') }}"></i></label>
                      @endif
                    @endif

                    <div class="alert alert-info mt-2">
                      <strong><i class="fa fa-info-circle"></i> {{ __("Important!") }}</strong>
                      <ol class="mb-0 mt-1 pl-3">
                        <li>{{ __("If Original source is chosen then amount will be reflected in 1-2 days (approx).") }}</li>
                        <li>{{ __("If Bank method is chosen it will take 14 working days to reflect amount.") }}</li>
                        <li>{{ __("Amount will be paid in original currency used at time of order.") }}</li>
                      </ol>
                    </div>
                    <button type="submit" class="btn btn-primary">{{ __("Proceed...") }}</button>
                  </form>
                  <p class="text-muted small mt-2 mb-0"><i class="feather icon-alert-circle"></i> {{ __("This action cannot be undone!") }}</p>
                </div>
              </div>
            </div>
          </div>
          @endif

        @endforeach
      </div>

      {{-- Quick order detail panel --}}
      <div class="quickorderview col-md-4" id="quickOrderPanel"></div>

    </div>

  @else
    <div class="pending-empty-state">
      <div class="empty-icon"><i class="feather icon-check-circle"></i></div>
      <h4>{{ __("All Caught Up!") }}</h4>
      <p>{{ __("No pending orders at the moment.") }}</p>
      <a href="{{ route('order.index') }}" class="btn btn-primary-rgba">
        <i class="feather icon-list mr-2"></i>{{ __("View All Orders") }}
      </a>
    </div>
  @endif

</div>
@endsection

@section('custom-script')
<script>var url = @json(route('quickorderdtls'));</script>
<script src="{{ asset('js/pendingorder.js') }}"></script>
@endsection