@extends('admin.layouts.main')

@php
  $page_name = 'Product Information';

  $cdr_pdfs = collect($order->checkoutProducts->toArray())->pluck('cdr_pdf', 'id');
  $imagess = collect($order->checkoutProducts->toArray())->pluck('images', 'id');
  $user_texts = collect($order->checkoutProducts->toArray())->pluck('user_text', 'id');
  $previews = collect($order->checkoutProducts->toArray())->pluck('preview', 'id');
  $og_images = collect($order->checkoutProducts->toArray())->pluck('og_images', 'id');

@endphp

@section('content')
  <div class="container my-4">

    <div class="card shadow-sm mb-4 border-0">
      <div class="card-body p-4">

        {{-- Header: Order ID + Status + Buttons --}}
        <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap">
          <div>
            @if ($order->courier_id == '')
              <h5 class="text-danger">Note: This order need to shipped manually.</h5>
            @endif
            <h5 class="mb-1">Order #{{ $order->payment_order_id }}</h5>
            @if (isset($order->shiprocketOrder->active) && !$order->shiprocketOrder->active)
              <span class="badge bg-warning text-dark mb-2">
                Shipment Cancel
              </span>
            @endif

            @if ($order->status == 'completed')
              <span class="badge bg-{{ config("constant.under_process_color.$order->under_process") }} text-dark mb-2">
                {{ config("constant.under_process.$order->under_process") }}
              </span>
            @elseif($order->status == 'pending')
              <span class="badge bg-warning text-dark mb-2">
                Payment {{ config("constant.under_process.$order->under_process") }}
              </span>
            @endif

            <p class="text-muted small mb-0">Placed on: {{ $order->created_at->format('d M Y, h:i A') }}</p>
          </div>

          <div class="d-flex gap-2 mt-3 mt-md-0">

            @if (!$order->under_process)
              <form method="POST" action="{{ route('admin.orders.process') }}"
                onsubmit="return confirm('Are you sure you want to process this order?');">
                @csrf
                <input type="hidden" value="{{ $order->id }}" name="id">
                <button type="submit" class="btn btn-sm btn-success">
                  Accept
                </button>
              </form>
            @endif

            @if (in_array($order->under_process, [0,1]))
                <div>
                  <button class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#rejectModal"
                    data-courier-id="{{ $order->id }}"> Reject
                  </button>
                </div>
              @endif
            @if (in_array($order->under_process,[2,3]))
              <div>
                <button class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#refundModal"
                  data-courier-id="{{ $order->id }}"> Refund
                </button>
              </div>
            @endif

            <div>
              <a href="{{ route('admin.order.invoice', ['id' => $order->payment_order_id]) }}"
                class="btn btn-primary btn-sm">Invoice</a>
            </div>
            @if ($order->ready_to_delivery == 0 && $order->courier_id != '' && $order->under_process == 1)
              <div>
                <button data-bs-toggle="modal" data-bs-target="#shipment_modal" type="button"
                  class="btn btn-warning btn-sm" id="shipment_button">Shipping</button>
              </div>
            @elseif($order->courier_id == '' && $order->under_process == 1)
              @php
                $maual_shipping = config('constant.shipping_status');
              @endphp
              <select class="btn btn-sm btn-secondary" id="manual_shipment_select">
                @foreach ($maual_shipping as $key => $manual_stat)
                  <option value="{{ $key }}" {{ $order->manual_shipping_status == $key ? 'selected' : '' }}>
                    {{ $manual_stat }}</option>
                @endforeach
              </select>
            @endif

          </div>
        </div>

        {{-- Address & User Info --}}
        <div class="row mb-4">
          <div class="col-md-6">
            <h6 class="fw-semibold mb-2">Customer Details</h6>
            <div>
              <p><strong>Name:</strong> {{ $order->user->name ?? '-' }}</p>
              <p><strong>Email:</strong> {{ $order->user->email ?? '-' }}</p>
              <p><strong>Mobile:</strong> {{ $order->user->mobile ?? '-' }}</p>
              <p><strong>GST:</strong> {{ $order->gst_number ?? '-' }}</p>
              <p><strong>Organization:</strong> {{ $order->org_name ?? '-' }}</p>
              <p><strong>Payment Type:</strong> {{ ucfirst($order->payment_type) }}</p>
              <p><strong>Wallet Used:</strong> ₹{{ number_format($order->wallet_amount, 2) }}</p>
              <p><strong>Paid Online:</strong> ₹{{ number_format($order->non_wallet_amount, 2) }}</p>
            </div>
          </div>

          <div class="col-md-6">
            <h6 class="fw-semibold mb-2">Shipping Address</h6>
            @if ($order->shippingAddress)
              <div class="bg-light p-3 rounded">
                <p class="mb-1"><strong>{{ $order->shippingAddress->name }}</strong></p>
                <p class="mb-1">{{ $order->shippingAddress->line1 }},
                  {{ $order->shippingAddress->line2 }}</p>
                <p class="mb-1">{{ $order->shippingAddress->city }},
                  {{ $order->shippingAddress->district }}</p>
                <p class="mb-1">{{ $order->shippingAddress->state }} -
                  {{ $order->shippingAddress->pincode }}</p>
                <p class="mb-0">{{ $order->shippingAddress->country }}</p>
              </div>
            @else
              <p class="text-muted">No address provided.</p>
            @endif
          </div>

          <div class="col-md-6">
            <h6 class="fw-semibold mb-2">Cancellation Reason</h6>
            @if ($order->under_process == 2)
              <div class="alert alert-warning mt-2">
                <strong>Order Cancelled by User</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>

                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>User</strong><br>
                  <small>Reason:
                    {{ $order->cancel_remark_by_user ?? 'No reason provided' }}</small>
                @else
                  Cancelled by: <strong>Unknown</strong>
                @endif
            @endif
          </div>

        </div>

        {{-- Product Table --}}
        <h6 class="fw-semibold mb-2">Products in Order</h6>
        <div class="table-responsive">
          <table class="table table-bordered table-sm fs-6">
            <thead class="table-light text-center">
              <tr>
                <th>Image</th>
                <th>Name</th>
                <th>Qty</th>
                <th>MRP</th>
                <th>Price</th>
                <th>Discount</th>
                <th>Branding</th>
                <th>Shipping</th>
                <th>CGST</th>
                <th>SGST</th>
                <th>HSN</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody class="text-center">
              @foreach ($order->checkoutProducts as $index => $product)
                @php
                  $product_id = $product['id'];
                  $images = [];
                  $preview = [];
                  $user_text_list = [];
                  $cdr_pdf = [];
                  $og_image = [];
                  try {
                      $images = json_decode($imagess[$product_id], true);
                  } catch (\Throwable $th) {
                  }
                  try {
                      $preview = json_decode($previews[$product_id] ?? '', true);
                  } catch (\Throwable $th) {
                  }

                  try {
                      $user_text_list = json_decode($user_texts[$product_id] ?? '', true) ?? [];
                  } catch (\Throwable $th) {
                  }
                  try {
                      $cdr_pdf = json_decode($cdr_pdfs[$product_id] ?? '', true);
                  } catch (\Throwable $th) {
                  }
                  try {
                      $og_image = json_decode($og_images[$product_id] ?? '', true);
                  } catch (\Throwable $th) {
                  }
                @endphp
                <tr>
                  <td>
                    @if ($product->product_image)
                      <img src="{{ url('images/products/' . $product->product_image) }}" width="45"
                        class="img-thumbnail">
                    @endif
                  </td>
                  <td class="text-start">{{ $product->product_name }}</td>
                  <td>{{ $product->quantity }}</td>
                  <td>₹{{ number_format($product->mrp, 2) }}</td>
                  <td>₹{{ number_format($product->sales_price, 2) }}</td>
                  <td>{{ $product->discount }}%</td>
                  <td>₹{{ number_format($product->branding_cost, 2) }}</td>
                  <td>₹{{ number_format($product->shipping_cost, 2) }}</td>
                  <td>{{ $product->cgst }}%</td>
                  <td>{{ $product->sgst }}%</td>
                  <td>{{ $product->hsn_code }}</td>
                  <td>
                    @if ($preview || !empty($images) || !empty($user_text_list))
                      <button class="btn btn-sm btn-info" data-bs-toggle="modal"
                        data-bs-target="#designModal{{ $index }}">View Design</button>
                    @elseif (!empty($cdr_pdf))
                      <button class="btn btn-sm btn-info" data-bs-toggle="modal"
                        data-bs-target="#cdrModal{{ $index }}">View CDR/PDF</button>
                    @elseif($order->microsite != '')
                      <button class="btn btn-sm btn-info" data-bs-toggle="modal"
                        data-bs-target="#micrositeModal{{ $index }}">View Logo
                        Desing</button>
                    @endif
                  </td>
                </tr>





                {{-- View Design Modal --}}
                @if ($preview || !empty($user_text_list) || !empty($images))
                  <div class="modal fade" id="designModal{{ $index }}" tabindex="-1"
                    aria-labelledby="designModalLabel{{ $index }}" aria-hidden="true">
                    <div class="modal-dialog modal-xl modal-dialog-centered">
                      <div class="modal-content">
                        <div class="modal-header bg-dark text-white">
                          <h5 class="modal-title" id="designModalLabel{{ $index }}">
                            Design Preview</h5>
                          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                        </div>
                        <div class="modal-body">

                          {{-- 1. Preview Images Carousel --}}
                          @if (!empty($preview))
                            <h6 class="mb-3">Final Preview</h6>
                            <div id="previewCarousel{{ $index }}" class="carousel slide mb-4 position-relative"
                              data-bs-ride="carousel">
                              <div class="carousel-inner">
                                @foreach ($preview as $i => $item)
                                  <div class="carousel-item @if ($i === 0) active @endif text-center">
                                    <img src="{{ url('images/previews/' . dec($item)) }}"
                                      class="img-fluid rounded border shadow" style="max-height: 500px;"
                                      alt="Preview Image">
                                    <div class="mt-3">
                                      <a href="{{ url('images/previews/' . dec($item)) }}" download
                                        class="btn btn-outline-primary btn-sm">
                                        <i class="bi bi-download me-1"></i>Download
                                        Preview
                                      </a>
                                    </div>
                                  </div>
                                @endforeach
                              </div>

                              @if (count($preview) > 1)
                                <!-- Left Button -->
                                <button class="carousel-control-prev" type="button"
                                  data-bs-target="#previewCarousel{{ $index }}" data-bs-slide="prev"
                                  style="width: 5%;">
                                  <span class="carousel-control-prev-icon bg-dark rounded-circle p-2"
                                    aria-hidden="true"></span>
                                  <span class="visually-hidden">Previous</span>
                                </button>

                                <!-- Right Button -->
                                <button class="carousel-control-next" type="button"
                                  data-bs-target="#previewCarousel{{ $index }}" data-bs-slide="next"
                                  style="width: 5%;">
                                  <span class="carousel-control-next-icon bg-dark rounded-circle p-2"
                                    aria-hidden="true"></span>
                                  <span class="visually-hidden">Next</span>
                                </button>
                              @endif
                            </div>
                          @endif


                          {{-- 2. User Uploaded Text --}}

                          @if (!empty($user_text_list[0]))
                            <hr>
                            <h6>Custom Texts</h6>
                            <ul class="list-group list-group-flush mb-3">

                              @php
                                $text = $user_text_list[0];
                                $color = $user_text_list[1];
                              @endphp
                              @foreach ($text as $key => $item)
                                <li class="list-group-item">
                                  Text:{{ $item }},Color code:
                                  {{ $color[$key] }}
                                </li>
                              @endforeach
                            </ul>
                          @endif

                          {{-- 3. Uploaded Images --}}

                          @if (!empty($images))
                            <hr>
                            <h6>Design Images</h6>
                            <div class="row g-3">

                              @foreach ($images as $img)
                                <div class="col-md-3 col-6 text-center">
                                  <div class="border rounded p-2 shadow-sm h-100">
                                    <img src="{{ url('images/userdesign/' . dec($img)) }}"
                                      class="img-fluid rounded mb-2" style="max-height: 220px;" alt="User Image">
                                    <a href="{{ url('images/userdesign/' . dec($img)) }}" download
                                      class="btn btn-outline-primary btn-sm">
                                      <i class="bi bi-download me-1"></i>Download
                                      Image
                                    </a>
                                  </div>
                                </div>
                              @endforeach
                            </div>
                          @endif

                          @if (!empty($og_image))
                            <hr>
                            <h6>Original Images</h6>
                            <div class="row g-3">

                              @foreach ($og_image as $img)
                                <div class="col-md-3 col-6 text-center">
                                  <div class="border rounded p-2 shadow-sm h-100">
                                    <img src="{{ url('images/og_images/' . dec($img)) }}"
                                      class="img-fluid rounded mb-2" style="max-height: 220px;" alt="User Image">
                                    <a href="{{ url('images/og_images/' . dec($img)) }}" download
                                      class="btn btn-outline-primary btn-sm">
                                      <i class="bi bi-download me-1"></i>Download
                                      Image
                                    </a>
                                  </div>
                                </div>
                              @endforeach
                            </div>
                          @endif
                          @if (!empty($cdr_pdf))
                            @foreach ($cdr_pdf as $item)
                              <div class="my-3">
                                <a class="btn btn-outline-primary"
                                  download="{{ preg_replace('/_\d+(?=\.pdf$)/', '', dec($item)) }}"
                                  href="{{ url('files/cdr_pdf/' . dec($item)) }}">
                                  Download
                                  {{ preg_replace('/_\d+(?=\.pdf$)/', '', dec($item)) }}</a>
                              </div>
                            @endforeach
                          @endif

                        </div>
                      </div>
                    </div>
                  </div>
                @elseif (!empty($cdr_pdf))
                  <div class="modal fade" id="cdrModal{{ $index }}" tabindex="-1"
                    aria-labelledby="cdrModalLabel{{ $index }}" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title">CDR / PDF Files</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                          @if (!empty($cdr_pdf))
                            @foreach ($cdr_pdf as $item)
                              <div class="my-3">
                                <a class="btn btn-outline-primary"
                                  download="{{ preg_replace('/_\d+(?=\.pdf$)/', '', dec($item)) }}"
                                  href="{{ url('files/cdr_pdf/' . dec($item)) }}">
                                  Download
                                  {{ preg_replace('/_\d+(?=\.pdf$)/', '', dec($item)) }}</a>
                              </div>
                            @endforeach
                          @endif
                        </div>
                      </div>
                    </div>
                  </div>
                @elseif($order->microsite)
                  <div class="modal fade" id="micrositeModal{{ $index }}" tabindex="-1"
                    aria-labelledby="micrositeModalLabel{{ $index }}" aria-hidden="true">
                    <div class="modal-dialog modal-xl modal-dialog-centered">
                      <div class="modal-content">
                        <div class="modal-header bg-dark text-white">
                          <h5 class="modal-title" id="micrositeModalLabel{{ $index }}">Design Preview
                          </h5>
                          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                          {{-- 1. Preview Images Carousel --}}


                          <h6 class="mb-3">Final Preview</h6>
                          <div id="previewCarousel{{ $index }}" class="carousel slide mb-4 position-relative"
                            data-bs-ride="carousel">
                            <div class="carousel-inner  d-flex justify-content-center">

                              @foreach ($product->imageMappings as $i => $map_img)
                                <div class="position-relative" style="max-width: 500px">
                                  <img src="{{ url('images/products/' . $map_img['image_path']) }}"
                                    class="img-fluid w-100 h-auto" style="object-fit: contain; border-radius: 8px;">
                                  <div class="mapped-areas">
                                    @php
                                      $map_img['x'] = json_decode($map_img['x'], true);
                                      $map_img['y'] = json_decode($map_img['y'], true);
                                      $map_img['height'] = json_decode($map_img['height'], true);
                                      $map_img['width'] = json_decode($map_img['width'], true);
                                      $map_img['angle'] = json_decode($map_img['angle'], true);
                                    @endphp
                                    @foreach ($map_img['x'] as $j => $x)
                                      <div
                                        class="position-absolute pre_map d-flex justify-content-center align-items-center"
                                        style="width:{{ $map_img['width'][$j] }}%;height:{{ $map_img['height'][$j] }}%;left:{{ $x }}%;top:{{ $map_img['y'][$j] }}%;transform:{{ $map_img['angle'][$j] ?? '' }};">
                                        <img src="{{ url('images/micrositelogo/' . $microsite_data['logo']) }}"
                                          class="w-100 h-auto" alt="">
                                      </div>
                                    @endforeach
                                  </div>
                                </div>
                              @endforeach
                            </div>
                          </div>
                          <div class="col-md-3 col-6 text-center">
                            <div class="border rounded p-2 shadow-sm h-100">
                              <img src="{{ url('images/micrositelogo/' . $microsite_data['logo']) }}"
                                class="img-fluid rounded mb-2" style="max-height: 220px;" alt="User Image">

                              <a href="{{ url('images/micrositelogo/' . $microsite_data['logo']) }}" download
                                class="btn btn-outline-primary btn-sm">
                                <i class="bi bi-download me-1"></i>Download Image
                              </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                @endif
              @endforeach
            </tbody>
          </table>
        </div>


      </div>
    </div>


    @if ($order->ready_to_delivery == 0 && $order->courier_id != '' && $order->under_process == 1)
      <div class="modal fade" id="shipment_modal" tabindex="-1" aria-labelledby="shipment_modalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
          <form method="POST" action="{{ route('admin.orders.update.status') }}">
            @csrf
            <input type="hidden" value="1" name="ready_to_delivery">
            <input type="hidden" value="{{ $order->id }}" name="id">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="shipment_modalLabel">Ready for Shipment</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body">
                <h4>Is product ready for shipment? Ship Now!</h4>
              </div>
              <div class="modal-footer">
                <button type="submit" class="btn btn-danger">Yes</button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    @elseif($order->courier_id == '')
      @if (isset($maual_shipping[$order->manual_shipping_status + 1]))
        <div class="modal fade" id="manual_shipment_modal" tabindex="-1" aria-labelledby="manual_shipment_modalLabel"
          aria-hidden="true">
          <div class="modal-dialog">
            <form method="POST" action="{{ route('admin.orders.manual.shipping') }}">
              @csrf
              <input type="hidden" value="1" name="ready_to_delivery">
              <input type="hidden" value="{{ $order->id }}" name="id">
              <input type="hidden" id="new_status" value="{{ $order->id }}" name="new_status">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="manual_shipment_modalLabel">
                    <span class="markas_label"></span>
                  </h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                  <h4>Do you want to mark as <span class="markas_label"></span>
                    ?</h4>
                </div>
                <div class="modal-footer">
                  <button type="submit" class="btn btn-danger">Yes</button>
                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      @endif
      {{-- @if (isset($maual_shipping[$order->manual_shipping_status - 1]))
        <div class="modal fade" id="shipment_modal_back" tabindex="-1" aria-labelledby="shipment_modal_backLabel"
          aria-hidden="true">
          <div class="modal-dialog">
            <form method="POST" action="{{ route('admin.orders.manual.shipping.back') }}">
              @csrf
              <input type="hidden" value="1" name="ready_to_delivery">
              <input type="hidden" value="{{ $order->id }}" name="id">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="shipment_modal_backLabel">
                    {{ $maual_shipping[$order->manual_shipping_status - 1] }}</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                  <h4>Do you want to mark as
                    {{ $maual_shipping[$order->manual_shipping_status - 1] }}?</h4>
                </div>
                <div class="modal-footer">
                  <button type="submit" class="btn btn-danger">Yes</button>
                  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      @endif --}}
    @endif

    <!-- Reject & Refund Modal -->
    <div class="modal fade" id="refundModal" tabindex="-1" aria-labelledby="refundModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <form method="POST" action="{{ route('admin.orders.refund') }}">
          @csrf
          <input type="hidden" name="id" id="refundmodalCourierId">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="refundModalLabel">
                Refund Order</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <div class="modal-body">
              <h4>Order was cancelled by user please proceed for refund</h4>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-danger">Confirm Refund</button>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
            </div>
          </div>
        </form>
      </div>
    </div>

    <div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <form method="POST" action="{{ route('admin.orders.reject') }}">
          @csrf
          <input type="hidden" name="id" id="rejectmodalCourierId">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="rejectModalLabel">
                Reject Order</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <div class="modal-body">
              @if ($order->cancelled_by != 'user')
                <div class="mb-3">
                  <label for="rejectReason" class="form-label">Reason for Rejection</label>
                  <textarea class="form-control" id="rejectReason" name="reason" rows="3" required></textarea>
                </div>
              @else
                <h4>Order was cancelled by user please proceed for refund</h4>
              @endif
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-danger">Confirm Reject</button>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
            </div>
          </div>
        </form>
      </div>
    </div>


  </div>
@endsection
@push('script')

  @if ($order->ready_to_delivery == 0 && $order->courier_id != '' && $order->under_process == 1)
    <script>
      $("#shipment_button").click();
    </script>
  @endif
  <script>
    $('#refundModal').on('show.bs.modal', function(event) {
      var button = $(event.relatedTarget); // Get the button that triggered the modal
      var courierId = button.data('courier-id'); // Get the data-courier-id attribute value
      var inputField = $(this).find('#refundmodalCourierId'); // Find the hidden input field in the modal
      inputField.val(courierId); // Set the courierId value in the input field
    });
    $('#rejectModal').on('show.bs.modal', function(event) {
      var button = $(event.relatedTarget); // Get the button that triggered the modal
      var courierId = button.data('courier-id'); // Get the data-courier-id attribute value
      var inputField = $(this).find('#rejectmodalCourierId'); // Find the hidden input field in the modal
      inputField.val(courierId); // Set the courierId value in the input field
    });
    $(document).on("change", "#manual_shipment_select", function() {
      let val = $(this).val();
      let text = $(this).find("option:selected").text();
      $("#manual_shipment_modal").modal("show");
      $("#new_status").val(val);
      $(".markas_label").text(text);
    });
  </script>
@endpush