@extends('layouts.main')

@section('title', 'My Orders')

@section('content')
  <div class="container py-4">
    <h2 class="mb-4">My Orders</h2>

    <form method="GET" action="{{ route('order.myorders') }}" class="mb-4">
      <div class="input-group">
        <input type="text" name="searchOrd" value="{{ request('searchOrd') }}" class="form-control"
          placeholder="Search by Order ID or Product Name">
        <button class="btn btn-outline-secondary" type="submit">Search</button>
      </div>
    </form>

    @if ($errors->any())
      <div class="alert alert-danger mt-3">
        <ul class="mb-0">
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif



    @forelse ($orders as $order)

      @php
        $item_total = $order->checkoutProducts->sum(function ($item) {
            return $item->sales_price * $item->quantity;
        });
        $item_gst = $order->checkoutProducts->sum(function ($item) {
            return $item->sales_price * $item->quantity * (($item->cgst + $item->sgst) / 100);
        });

        $total = $item_total + $item_gst + $order->shipping_cost + $order->branding_cost;
        // echo $item_gst;
      @endphp
      <!-- Order Card -->
      <div class="card mb-4 shadow-sm">
        <div
          class="card-header bg-white d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center">
          <div class="mb-2 mb-md-0">
            <h5 class="mb-1 fw-semibold">Order #{{ $order->payment_order_id }}</h5>
            <small class="text-muted">
              <i class="far fa-calendar-alt me-1"></i>
              Placed on {{ \Carbon\Carbon::parse($order->created_at)->format('d M Y, h:i A') }}
            </small>
          </div>
          <div>


            {{-- Show View Invoice for all except unknown --}}
            @if (in_array($order->under_process, [1]))
              <a href="{{ route('order.invoice', ['payment_order_id' => $order->payment_order_id]) }}"
                class="btn btn-outline-secondary btn-sm mb-2">
                <i class="fas fa-file-invoice me-1"></i> View Invoice
              </a>
            @endif

            {{-- Show Track Order only if order is accepted --}}
            @if (
                $order->under_process === 1 &&
                    $order->ready_to_delivery == 1 &&
                    $order->courier_id != '' &&
                    $order->active_shiprocket_order_count > 0)
              <a href="{{ route('order.track', $order->payment_order_id) }}" class="btn btn-outline-primary btn-sm mb-2">
                <i class="fas fa-location-dot me-1"></i> Track Order
              </a>
            @elseif ($order->under_process === 1 && $order->courier_id == '')
              <a href="{{ route('track.order', $order->payment_order_id) }}" class="btn btn-outline-primary btn-sm mb-2">
                <i class="fas fa-location-dot me-1"></i> Track Order
              </a>
            @endif

            {{-- Show action/status based on under_process value --}}
            @switch($order->under_process)
              @case(0)
                <!-- Pending - Allow cancellation -->
                <button class="btn btn-outline-danger btn-sm mb-2" data-bs-toggle="modal"
                  data-bs-target="#cancelOrderModal{{ $order->id }}">
                  <i class="fas fa-times me-1"></i> Cancel Order
                </button>
              @break

              @case(1)
                <!-- Accepted -->
                <span class="badge bg-success mb-2"><i class="fas fa-check-circle me-1"></i> Accepted</span>
              @break

              @case(2)
                <!-- Cancelled by user, refund pending -->
                <span class="badge bg-warning text-dark mb-2">
                  <i class="fas fa-hourglass-half me-1"></i> Cancelled (Refund Pending)
                </span>
              @break

              @case(3)
                <!-- Cancelled by admin, refund pending -->
                <span class="badge bg-warning text-dark mb-2">
                  <i class="fas fa-user-shield me-1"></i> Cancelled by Admin (Refund Pending)
                </span>
              @break

              @case(4)
                <!-- Refunded -->
                <span class="badge bg-info text-dark mb-2">
                  <i class="fas fa-rupee-sign me-1"></i> Refunded
                </span>
              @break

              @default
                <span class="badge bg-secondary mb-2">Unknown Status</span>
            @endswitch

            <!-- Cancel Order Modal -->
            <div class="modal fade" id="cancelOrderModal{{ $order->id }}" tabindex="-1"
              aria-labelledby="cancelOrderModalLabel{{ $order->id }}" aria-hidden="true">
              <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">

                  <!-- Modal Header -->
                  <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title" id="cancelOrderModalLabel{{ $order->id }}">Cancel Order
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>

                  <!-- Modal Body -->
                  <form action="{{ route('order.cancel', $order->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="under_process" value="2">

                    <div class="modal-body">
                      <p class="mb-2">Are you sure you want to cancel this order?</p>
                      <small class="text-muted d-block mb-3">
                        This action cannot be undone. Refund will be processed within <strong>15 to
                          20 business days</strong>.
                      </small>

                      <!-- Cancellation Remark Field -->
                      <div class="mb-3">
                        <label for="cancel_remark_by_user_{{ $order->id }}" class="form-label">Reason for Cancellation
                          <span class="text-danger">*</span></label>
                        <textarea name="cancel_remark_by_user" id="cancel_remark_by_user_{{ $order->id }}" class="form-control"
                          rows="3" required placeholder="Please provide a reason for cancelling this order..."></textarea>
                      </div>
                    </div>

                    <!-- Modal Footer -->
                    <div class="modal-footer">
                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No,
                        Keep Order</button>
                      <button type="submit" class="btn btn-danger">Yes, Cancel Order</button>
                    </div>
                  </form>

                </div>
              </div>
            </div>





          </div>
        </div>

        <div class="card-body">
          @foreach ($order->checkoutProducts as $product)
            <div class="row align-items-center mb-3 pb-3 border-bottom">
              <div class="col-4 col-md-2">
                @php
                  $previewDecoded = json_decode($product->preview, true);
                  if (!empty($previewDecoded) && is_array($previewDecoded) && count($previewDecoded) > 0) {
                      $imageUrl = url('images/previews/' . dec($previewDecoded[0]));
                  } elseif (!empty($product->product_image)) {
                      $imageUrl = url('images/products/' . $product->product_image);
                  } else {
                      $imageUrl = asset('assets/images/defaultimage.jpg');
                  }
                @endphp
                <img src="{{ $imageUrl }}" class="img-fluid rounded border" alt="{{ $product->product_name }}"
                  style="max-height: 100px; width: auto;">
              </div>

              <div class="col-8 col-md-6">
                <h6 class="mb-1 fw-semibold">{{ $product->product_name }}</h6>
                <p class="mb-1 text-muted small">Quantity: {{ $product->quantity }}</p>
                {{-- Delivery & Cancellation Status --}}
                @if ($order->under_process == 2)
                  <div class="alert alert-warning mt-2">
                    <strong>Order Cancelled by You</strong><br>
                    Refund will be processed within <strong>15 to 20 business days</strong>. <br>
                    <small>Reason:
                      {{ $order->cancel_remark_by_user ?? 'No reason provided' }}</small>
                  </div>
                @elseif ($order->under_process == 3)
                  <div class="alert alert-danger mt-2">
                    <strong>Order Cancelled by Admin</strong><br>
                    Reason: {{ $order->cancelled_remark_by_admin ?? 'No reason provided' }}<br>
                    Refund will be processed within <strong>15 to 20 business days</strong>.
                  </div>
                @elseif ($order->under_process == 4)
                  <div class="alert alert-info mt-2">
                    <strong>Order Cancelled and Refunded</strong><br>
                    @if ($order->cancelled_by === 'admin')
                      Cancelled by: <strong>Admin</strong><br>
                      <small>Reason:
                        {{ $order->cancelled_remark_by_admin ?? 'No reason provided' }}</small>
                    @elseif ($order->cancelled_by === 'user')
                      Cancelled by: <strong>You</strong><br>
                      <small>Reason:
                        {{ $order->cancel_remark_by_user ?? 'No reason provided' }}</small>
                    @else
                      Cancelled by: <strong>Unknown</strong>
                    @endif
                  </div>
                @else
                  {{-- Show Delivery Status Only If Not Cancelled --}}
                  @if ($order->is_delivered == 1)
                    <span class="badge bg-success bg-opacity-10 text-success py-2 px-3 rounded-pill mb-2">
                      <i class="fas fa-check-circle me-1 text-light"></i>
                      <span class="text-dark">Delivered</span>
                    </span>
                  @else
                    @if ($order->courier_id == '')
                      <span class="badge bg-warning bg-opacity-10 text-warning py-2 px-3 rounded-pill mb-2">
                        <i class="fas fa-clock me-1 text-light"></i>
                        <span
                          class="text-dark">{{ config('constant.shipping_status.' . $order->manual_shipping_status) }}</span>
                      </span>
                    @else
                      <span class="badge bg-warning bg-opacity-10 text-warning py-2 px-3 rounded-pill mb-2">
                        <i class="fas fa-clock me-1 text-light"></i>
                        <span class="text-dark">Pending Delivery</span>
                      </span>
                    @endif
                  @endif
                @endif
              </div>


              <div class="col-12 col-md-4 mt-3 mt-md-0 text-md-end">
                <div class="d-flex flex-md-column gap-2 justify-content-end">
                  <div>
                    <a href="{{ route('viewproduct', [$product->product_name, enc($product->product_id)]) }}"
                      class="btn btn-outline-success btn-sm">
                      <i class="fas fa-shopping-cart me-1"></i> Buy Again
                    </a>
                    @auth
                      <button
                        link="{{ route('viewproduct', [$product->product_name, enc($product->product_id)]) }}?sbuser={{ enc(Auth::user()->id) }}"
                        class="btn btn-sm btn-outline-primary" onclick="share_product($(this))"><i
                          class="fa-solid fa-share"></i></button>
                    @endauth
                  </div>
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>

      @empty
        <div class="container d-flex flex-column align-items-center justify-content-center text-center py-5 my-5">
          <img src="https://cdn-icons-png.flaticon.com/512/2038/2038854.png" alt="No Orders" class="img-fluid mb-4"
            style="max-width: 120px; opacity: 0.7;">
          <h2 class="mb-3 h4 fw-semibold text-dark">No Orders Found</h2>
          <p class="mb-4 text-muted" style="max-width: 400px;">You haven't placed any orders yet. Start shopping to
            discover amazing products!</p>
          <a href="{{ route('home') }}" class="btn btn-primary px-4 py-2">
            <i class="fas fa-shopping-bag me-2"></i> Shop Now
          </a>
        </div>
      @endforelse
      <div>
        {{ $orders->appends(request()->input())->links('pagination::bootstrap-5') }}
      </div>

    </div>
  @endsection