spree_delhivery 1.0.0

data/app/views/spree/admin/page_blocks/forms/_delhivery_edd.html.erb

@@ -0,0 +1,157 @@
+<%# Admin form for Delhivery EDD block %>
+<br><h5 class="mb-3">Content Settings</h5><br>
+
+<div class="form-group">
+  <%= f.label :preferred_heading_text, "Heading Label" %>
+  <%= f.text_field :preferred_heading_text, class: "form-control", data: { action: "input->auto-submit#submit" } %>
+</div>
+
+<div class="row">
+  <div class="col-6">
+    <div class="form-group">
+      <%= f.label :preferred_placeholder_text, "Placeholder Text" %>
+      <%= f.text_field :preferred_placeholder_text, class: "form-control", data: { action: "input->auto-submit#submit" } %>
+    </div>
+  </div>
+  <div class="col-6">
+    <div class="form-group">
+      <%= f.label :preferred_button_text, "Button Text" %>
+      <%= f.text_field :preferred_button_text, class: "form-control", data: { action: "input->auto-submit#submit" } %>
+    </div>
+  </div>
+</div>
+
+<hr>
+<br><h5 class="mb-3">Logic Settings (Order Timer)</h5><br>
+
+<%# Row 1: Time Settings %>
+<div class="row mb-3">
+  <div class="col-6">
+    <div class="form-group">
+      <%= f.label :preferred_cutoff_hour, "Cutoff Hour (1-12)" %>
+      <%= f.number_field :preferred_cutoff_hour, class: "form-control", min: 1, max: 12, data: { action: "input->auto-submit#submit" } %>
+    </div>
+  </div>
+  <div class="col-6">
+    <div class="form-group">
+      <%= f.label :preferred_cutoff_meridiem, "AM / PM" %>
+      <%= f.select :preferred_cutoff_meridiem, ['AM', 'PM'], {}, class: "form-control select2", data: { action: "change->auto-submit#submit" } %>
+    </div>
+  </div>
+</div>
+
+<%# Row 2: Shipping Mode (Full Width) %>
+<div class="row">
+  <div class="col-12">
+    <div class="form-group">
+      <%= f.label :preferred_default_mode, "Shipping Mode" %>
+      <%= f.select :preferred_default_mode, [['Surface Only', 'Surface'], ['Express Only', 'Express'], ['Both (Allow Switching)', 'Both']], {}, class: "form-control select2", data: { action: "change->auto-submit#submit" } %>
+    </div>
+  </div>
+</div>
+
+<hr>
+
+<br><h5 class="mb-3">Appearance (Colors)</h5><br>
+
+<div class="mb-4 form-group"
+     data-controller="color-picker"
+     data-color-picker-clear-value="false"
+     data-color-picker-default-color-value="<%= f.object.preferred_button_bg_color.presence || '#000000' %>">
+  <div class="d-flex align-items-center">
+    <%= f.hidden_field :preferred_button_bg_color,
+      data: { color_picker_target: "input", action: "change->auto-submit#submit" },
+      autocomplete: "off" %>
+
+    <div>
+      <label class="mb-0">Button Background</label><br>
+      <span data-color-picker-target="value" class="text-muted">
+        <%= f.object.preferred_button_bg_color.presence || '#000000' %>
+      </span>
+    </div>
+
+    <div class="ml-auto" style="width:40px">
+      <div data-color-picker-target="picker"
+           class="border d-inline-block rounded-circle"
+           style="height: 40px; width: 40px; background-color: <%= f.object.preferred_button_bg_color.presence || '#000000' %>;"
+           role="button" aria-label="toggle color picker dialog"></div>
+    </div>
+  </div>
+</div>
+
+<div class="mb-4 form-group"
+     data-controller="color-picker"
+     data-color-picker-clear-value="false"
+     data-color-picker-default-color-value="<%= f.object.preferred_button_text_color.presence || '#FFFFFF' %>">
+  <div class="d-flex align-items-center">
+    <%= f.hidden_field :preferred_button_text_color,
+      data: { color_picker_target: "input", action: "change->auto-submit#submit" },
+      autocomplete: "off" %>
+
+    <div>
+      <label class="mb-0">Button Text Color</label><br>
+      <span data-color-picker-target="value" class="text-muted">
+        <%= f.object.preferred_button_text_color.presence || '#FFFFFF' %>
+      </span>
+    </div>
+
+    <div class="ml-auto" style="width:40px">
+      <div data-color-picker-target="picker"
+           class="border d-inline-block rounded-circle"
+           style="height: 40px; width: 40px; background-color: <%= f.object.preferred_button_text_color.presence || '#FFFFFF' %>;"
+           role="button"></div>
+    </div>
+  </div>
+</div>
+
+<hr>
+
+<div class="mb-4 form-group"
+     data-controller="color-picker"
+     data-color-picker-clear-value="false"
+     data-color-picker-default-color-value="<%= f.object.preferred_success_color.presence || '#10B981' %>">
+  <div class="d-flex align-items-center">
+    <%= f.hidden_field :preferred_success_color,
+      data: { color_picker_target: "input", action: "change->auto-submit#submit" },
+      autocomplete: "off" %>
+
+    <div>
+      <label class="mb-0">Success Message Color</label><br>
+      <span data-color-picker-target="value" class="text-muted">
+        <%= f.object.preferred_success_color.presence || '#10B981' %>
+      </span>
+    </div>
+
+    <div class="ml-auto" style="width:40px">
+      <div data-color-picker-target="picker"
+           class="border d-inline-block rounded-circle"
+           style="height: 40px; width: 40px; background-color: <%= f.object.preferred_success_color.presence || '#10B981' %>;"
+           role="button"></div>
+    </div>
+  </div>
+</div>
+
+<div class="mb-4 form-group"
+     data-controller="color-picker"
+     data-color-picker-clear-value="false"
+     data-color-picker-default-color-value="<%= f.object.preferred_error_color.presence || '#EF4444' %>">
+  <div class="d-flex align-items-center">
+    <%= f.hidden_field :preferred_error_color,
+      data: { color_picker_target: "input", action: "change->auto-submit#submit" },
+      autocomplete: "off" %>
+
+    <div>
+      <label class="mb-0">Error Message Color</label><br>
+      <span data-color-picker-target="value" class="text-muted">
+        <%= f.object.preferred_error_color.presence || '#EF4444' %>
+      </span>
+    </div>
+
+    <div class="ml-auto" style="width:40px">
+      <div data-color-picker-target="picker"
+           class="border d-inline-block rounded-circle"
+           style="height: 40px; width: 40px; background-color: <%= f.object.preferred_error_color.presence || '#EF4444' %>;"
+           role="button"></div>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/payment_methods/configuration_guides/_delhivery_cod.html.erb

@@ -0,0 +1,71 @@
+<%
+  base_url = current_store.url_or_custom_domain.to_s
+  base_url = "https://#{base_url}" unless base_url.start_with?("http")
+  base_url = base_url.chomp('/')
+%>
+
+<style>
+  .delhivery-premium-ui .badge-event {
+    font-weight: 500;
+    background-color: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    color: #166534;
+    padding: 0.35em 0.75em;
+    border-radius: 0.375rem;
+    font-size: 0.8rem;
+  }
+</style>
+
+<div class="delhivery-premium-ui">
+  <div class="card mb-3 border shadow-sm" style="border-radius: 0.5rem;">
+    <div class="card-body d-flex align-items-center py-3 px-4">
+      <div class="mr-3 text-muted d-flex align-items-center">
+        <%= icon 'shield-check', width: 20, height: 20 %>
+      </div>
+      <p class="mb-0 text-dark" style="font-size: 0.95rem;">
+        Configure your Delhivery Production Token and Client ID below. Find your authorization details in your 
+        <strong><%= external_link_to 'Delhivery One Dashboard', 'https://one.delhivery.com/', target: '_blank', class: 'alert-link font-weight-bold text-primary' %></strong>.
+      </p>
+    </div>
+  </div>
+
+  <% if @payment_method.persisted? %>
+    <div class="card mb-4 border shadow-sm" style="border-radius: 0.5rem;">
+      <div class="card-body d-flex align-items-center py-3 px-4 border-bottom">
+        <div class="mr-3 text-muted d-flex align-items-center">
+          <%= icon 'refresh', width: 20, height: 20 %>
+        </div>
+        <p class="mb-0 text-dark" style="font-size: 0.95rem;">
+          <strong>Automated Fulfillment Reconciliation:</strong> This payment method safely hooks into your tracking engine to trigger auto-captures.
+        </p>
+      </div>
+
+      <div class="card-body py-4 px-4">
+        <div class="mb-2">
+          <h6 class="font-weight-bold text-dark mb-2" style="font-size: 0.95rem;">Tracking Engine Hooks</h6>
+          <p class="text-muted small mb-3">
+            When tracking updates are dispatched or requested, the database scans for the following lifecycle flags to settle cash accounts automatically:
+          </p>
+          
+          <div class="d-flex align-items-center flex-wrap">
+            <span class="text-dark font-weight-bold mr-3" style="font-size: 0.85rem;">Monitored Flags:</span>
+            <span class="badge badge-event mr-2 mb-1">DELIVERED</span>
+            <span class="badge badge-event mr-2 mb-1">CANCELLED</span>
+            <span class="badge badge-event mb-1">REJECTED / RTO</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% else %>
+    <div class="card mb-4 border shadow-sm" style="border-radius: 0.5rem; border-left: 4px solid #0ea5e9 !important;">
+      <div class="card-body d-flex align-items-center py-3 px-4">
+        <div class="mr-3 text-info d-flex align-items-center">
+          <%= icon 'info-circle', width: 22, height: 22 %>
+        </div>
+        <p class="mb-0 text-dark" style="font-size: 0.95rem;">
+          <strong>Configuration Initialization Pending:</strong> Click <strong>Create</strong> to save this payment method instance before linking logistics status checks.
+        </p>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/admin/payment_methods/descriptions/_delhivery_cod.html.erb

@@ -0,0 +1,7 @@
+<p class="mb-1 text-muted">
+  Delhivery Cash on Delivery (COD) allows customers to settle their order balances with cash or local digital collection methods right at their doorstep.
+</p>
+
+<div class="d-flex align-items-center mt-2">
+  <small class="text-gray-500">Automated tracking status synchronization enabled</small>
+</div>

data/app/views/spree/admin/return_authorizations/index.html.erb

@@ -0,0 +1,143 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: :return_authorizations } %>
+
+<% content_for :page_actions do %>
+  <% if @order.shipments.any?(&:shipped?) %>
+    <%= button_link_to Spree.t(:new_return_authorization), new_admin_order_return_authorization_url(@order), class: "btn-success", icon: 'add', id: 'admin_new_return_authorization' %>
+  <% end %>
+<% end %>
+
+<% if @return_authorizations.any? %>
+  <table class="table">
+    <thead>
+      <tr data-hook="return_authorizations_header">
+        <th><%= Spree.t(:number) %></th>
+        <th><%= Spree.t(:state) %></th>
+        <th><%= Spree.t(:amount) %></th>
+        <th><%= Spree.t(:created_at) %></th>
+        <th>Delhivery Return</th> 
+        <th class="actions"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @return_authorizations.each do |return_authorization| %>
+        <tr id="<%= dom_id(return_authorization) %>" data-hook="return_authorization_row">
+          <td><%= return_authorization.number %></td>
+          <td>
+            <span class="label label-<%= return_authorization.state %>"><%= Spree.t("return_authorization_states.#{return_authorization.state}") %></span>
+          </td>
+          <td><%= return_authorization.display_amount.to_html %></td>
+          <td><%= pretty_time(return_authorization.created_at) %></td>
+          
+          <td>
+            <% if return_authorization.respond_to?(:delhivery_waybill) && return_authorization.delhivery_waybill.present? %>
+              <div class="badge badge-success" style="background-color: #28a745;">
+                <%= icon('check') %> <%= return_authorization.delhivery_waybill %>
+              </div>
+            <% else %>
+              
+              <button type="button" 
+                      class="btn btn-sm btn-outline-primary" 
+                      data-toggle="modal" 
+                      data-target="#rvpModal-<%= return_authorization.id %>">
+                <%= icon('truck') %> Schedule Pickup
+              </button>
+
+              <div class="modal fade" id="rvpModal-<%= return_authorization.id %>" tabindex="-1" role="dialog" aria-hidden="true">
+                <div class="modal-dialog modal-dialog-centered" role="document">
+                  <div class="modal-content">
+                    <div class="modal-header">
+                      <h5 class="modal-title font-weight-bold">
+                        <%= icon('truck', class: "mr-1") %> Schedule Reverse Pickup
+                      </h5>
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                      </button>
+                    </div>
+                    
+                    <%= form_with url: spree.delhivery_create_pickup_admin_return_authorization_path(return_authorization), method: :post, local: true do |f| %>
+                      <div class="modal-body text-left">
+                        
+                        <div class="alert alert-info text-sm mb-3">
+                          <strong>Return To:</strong> <%= return_authorization.stock_location.name %>
+                        </div>
+
+                        <h6 class="font-weight-bold mb-2 border-bottom pb-1">Parametric QC Details</h6>
+                        
+                        <div class="row">
+                          <div class="col-6">
+                            <div class="form-group">
+                              <label class="small font-weight-bold">Brand Name <span class="text-danger">*</span></label>
+                              <%# Default to Store Name %>
+                              <%= f.text_field :brand, value: current_store.name, class: "form-control", required: true %>
+                            </div>
+                          </div>
+                          <div class="col-6">
+                            <div class="form-group">
+                              <label class="small font-weight-bold">Product Category <span class="text-danger">*</span></label>
+                              <%# Default to 'General' %>
+                              <%= f.text_field :category, value: "General", class: "form-control", required: true %>
+                            </div>
+                          </div>
+                        </div>
+
+                        <div class="form-group">
+                          <label class="small font-weight-bold">QC Question Set</label>
+                          <select class="form-control" disabled title="Currently using Generic QC">
+                            <option>Generic / Visual Check (Default)</option>
+                          </select>
+                          <small class="text-muted">Specific question sets require ID mapping configuration.</small>
+                        </div>
+
+                        <div class="bg-light p-2 rounded border mb-3">
+                          <label class="small font-weight-bold">Items to Pickup:</label>
+                          <% return_authorization.return_items.each do |item| %>
+                            <div class="d-flex align-items-center mb-1 pl-2">
+                              <%= icon('cube', class: "text-muted mr-2") %>
+                              <span class="text-sm font-weight-bold"><%= item.inventory_unit.variant.name %></span>
+                              <span class="badge badge-secondary ml-auto">Qty: 1</span>
+                            </div>
+                          <% end %>
+                        </div>
+
+                        <div class="form-check pt-2 border-top">
+                          <input type="checkbox" class="form-check-input" id="confirmCheck-<%= return_authorization.id %>" required>
+                          <label class="form-check-label text-sm" for="confirmCheck-<%= return_authorization.id %>">
+                            I confirm the details and pickup location are correct.
+                          </label>
+                        </div>
+
+                      </div>
+                      
+                      <div class="modal-footer bg-light">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                        <%= f.button class: "btn btn-primary" do %>
+                          Confirm Pickup
+                        <% end %>
+                      </div>
+                    <% end %>
+                  </div>
+                </div>
+              </div>
+              <% end %>
+          </td>
+          
+          <td class="actions actions-2 text-right">
+            <%= link_to_edit(return_authorization, no_text: true, class: 'edit') if can?(:edit, return_authorization) %>
+            <% if can?(:delete, return_authorization) %>
+              <% if return_authorization.can_cancel? %>
+                <%= link_to_with_icon 'delete', Spree.t(:cancel), spree.cancel_admin_order_return_authorization_path(@order, return_authorization), method: :put, data: { confirm: Spree.t(:are_you_sure) }, class: 'btn btn-danger btn-sm', no_text: true %>
+              <% else %>
+                <%= link_to_delete return_authorization, no_text: true %>
+              <% end %>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <div class="alert alert-info no-objects-found">
+    <%= Spree.t(:no_resource_found, resource: Spree::ReturnAuthorization.model_name.human) %>,
+    <%= link_to Spree.t(:add_one), new_admin_order_return_authorization_url(@order) %>!
+  </div>
+<% end %>

data/app/views/spree/admin/shipments/edit.html.erb

@@ -0,0 +1,40 @@
+<turbo-frame id="dialog">
+  <div class="dialog-content">
+    <div class="dialog-header">
+      <h5 class="dialog-title"><%= Spree.t(:edit_shipment) %> #<%= @shipment.number %></h5>
+      <button type="button" class="btn-close" data-action="dialog#close" aria-label="<%= Spree.t(:close) %>"></button>
+    </div>
+
+    <div class="dialog-body">
+      <%# We combine Tracking and Method into one form for the modal %>
+      <%= form_for [:admin, @order, @shipment], html: { id: 'edit-shipment-form' } do |f| %>
+        
+        <%# Tracking Number Field %>
+        <div class="form-group mb-4">
+          <%= f.label :tracking, Spree.t(:tracking) %>
+          <%= f.text_field :tracking, class: 'form-control', autofocus: true %>
+        </div>
+
+        <%# Shipping Method Dropdown %>
+        <div class="form-group mb-4">
+          <%= f.label :selected_shipping_rate_id, Spree.t(:shipping_method) %>
+          <%= f.select :selected_shipping_rate_id, 
+              @shipment.shipping_rates.sort_by(&:cost).map { |sr| ["#{sr.name} #{sr.display_price}", sr.id] }, 
+              {}, 
+              class: 'form-control custom-select' %>
+        </div>
+
+        <%# Hidden Field to ensure we stay on the same page context if needed %>
+        <%= hidden_field_tag :redirect_to_order, 'true' %>
+
+        <div class="dialog-footer d-flex justify-content-between align-items-center mt-4">
+          <button type="button" class="btn btn-secondary" data-action="dialog#close">
+            <%= Spree.t(:cancel) %>
+          </button>
+          
+          <%= f.button Spree.t(:update), class: 'btn btn-primary', data: { disable_with: Spree.t(:saving) } %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</turbo-frame>

data/app/views/spree/admin/stock_locations/_delhivery_fields.html.erb

@@ -0,0 +1,19 @@
+<div class="card mb-3">
+  <div class="card-header">
+    <h5 class="card-title mb-0">Delhivery Settings</h5>
+  </div>
+  <div class="card-body">
+    
+    <div class="form-group">
+      <%= label_tag :delhivery_warehouse_name, "Delhivery Warehouse Name (Exact Match)" %>
+      <%= text_field_tag "stock_location[delhivery_warehouse_name]", 
+          @stock_location.delhivery_warehouse_name, 
+          class: 'form-control', 
+          placeholder: "e.g. Artolika.Inc" %>
+      <small class="form-text text-muted">
+        <strong>Critical:</strong> This must match the name registered in your Delhivery Client Panel exactly.
+      </small>
+    </div>
+
+    </div>
+</div>

data/app/views/spree/admin/stock_locations/_form.html.erb

@@ -0,0 +1,184 @@
+<%# 1. General Settings %>
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:general_settings) %>
+    </h5>
+  </div>
+  <div class="card-body">
+    <%= f.spree_text_field :name, required: true, autofocus: f.object.new_record? %>
+    <%= f.spree_text_field :admin_name, label: Spree.t(:internal_name) %>
+    <% unless f.object.default? %>
+      <%= f.spree_check_box :active %>
+    <% end %>
+  </div>
+</div>
+
+<%# 2. Geolocation (Production Map UI - FIXED) %>
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title d-flex align-items-center">
+      <%= icon('map-pin', class: "mr-2") %> 
+      <%= Spree.t(:geolocation, default: 'Warehouse Coordinates') %>
+    </h5>
+  </div>
+  
+  <%# Removed p-0 to allow Spree card padding and fixed bottom radius %>
+  <div class="card-body position-relative">
+    
+    <%# --- Search Bar Overlay --- %>
+    <div class="mb-3 d-flex gap-2 align-items-center">
+      <div class="input-group" style="max-width: 400px;">
+        <input type="text" id="map-search-input" class="form-control" placeholder="Search for a city, area, or street...">
+        <div class="input-group-append">
+          <button type="button" id="map-search-btn" class="btn btn-primary">
+            Search Location
+          </button>
+        </div>
+      </div>
+      <small class="text-muted ml-2 d-none d-sm-inline">
+        <i class="ti ti-hand-finger"></i> Drag the blue marker to pinpoint exact location.
+      </small>
+    </div>
+
+    <%# --- Map Container --- %>
+    <%# Added z-index: 0 to ensure it doesnt overlap Spree dropdowns %>
+    <%# Added mb-3 for spacing from inputs below %>
+    <div id="stock-location-map" style="height: 400px; width: 100%; z-index: 0; background-color: #f0f0f0;" class="mb-3 rounded border"></div>
+
+    <%# --- Read-Only Coordinates Footer --- %>
+    <div class="row">
+      <div class="col-6">
+        <%# Use f.spree_text_field for Spree Default Styling %>
+        <%= f.spree_text_field :latitude, type: 'text', readonly: true, id: 'spree_latitude', label: "Latitude" %>
+      </div>
+      <div class="col-6">
+        <%# Use f.spree_text_field for Spree Default Styling %>
+        <%= f.spree_text_field :longitude, type: 'text', readonly: true, id: 'spree_longitude', label: "Longitude" %>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+<%# 3. Address %>
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:address) %>
+    </h5>
+  </div>
+  <div class="card-body pb-0">
+    <%= render 'spree/addresses/form',
+               address_name: 'address',
+               address_form: f,
+               address_type: 'stock_location',
+               address: f.object %>
+  </div>
+</div>
+
+<%= render "spree/admin/stock_locations/delhivery_fields", f: f %>
+
+<%# --- MAP SCRIPTS (UNCHANGED) --- %>
+<%# Load Leaflet CSS/JS from CDN %>
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
+<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
+
+<script>
+  (function() {
+    // Variable to store map instance to prevent duplicates
+    var mapInstance = null;
+
+    function initStockLocationMap() {
+      var mapContainer = document.getElementById('stock-location-map');
+      
+      // Safety Checks: Container must exist
+      if (!mapContainer) return;
+
+      // Check if map is already initialized on this container
+      if (mapContainer._leaflet_id) {
+        return; 
+      }
+
+      // 1. Get Inputs
+      var latField = document.getElementById('spree_latitude');
+      var lngField = document.getElementById('spree_longitude');
+      
+      // Default to Center of India if empty
+      var initialLat = parseFloat(latField.value) || 20.5937; 
+      var initialLng = parseFloat(lngField.value) || 78.9629;
+      var initialZoom = (latField.value && lngField.value && latField.value != "0.0") ? 16 : 5;
+
+      // 2. Create Map
+      mapInstance = L.map('stock-location-map').setView([initialLat, initialLng], initialZoom);
+
+      // 3. Add Tiles
+      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        maxZoom: 19,
+        attribution: '© OpenStreetMap'
+      }).addTo(mapInstance);
+
+      // 4. Add Marker
+      var marker = L.marker([initialLat, initialLng], {draggable: true}).addTo(mapInstance);
+
+      // Function to update fields
+      function updateInputs(lat, lng) {
+        latField.value = lat.toFixed(6);
+        lngField.value = lng.toFixed(6);
+      }
+
+      // Event: Drag
+      marker.on('dragend', function(e) {
+        var position = marker.getLatLng();
+        updateInputs(position.lat, position.lng);
+        mapInstance.panTo(position);
+      });
+
+      // Event: Click
+      mapInstance.on('click', function(e) {
+        marker.setLatLng(e.latlng);
+        updateInputs(e.latlng.lat, e.latlng.lng);
+      });
+
+      // 5. Search Button Logic
+      var searchBtn = document.getElementById('map-search-btn');
+      if(searchBtn) {
+        searchBtn.addEventListener('click', function(e) {
+          e.preventDefault(); // Prevent form submit
+          var query = document.getElementById('map-search-input').value;
+          if(query.length > 2) {
+            fetch('https://nominatim.openstreetmap.org/search?format=json&q=' + query)
+              .then(response => response.json())
+              .then(data => {
+                if(data && data.length > 0) {
+                  var lat = parseFloat(data[0].lat);
+                  var lon = parseFloat(data[0].lon);
+                  
+                  mapInstance.setView([lat, lon], 16);
+                  marker.setLatLng([lat, lon]);
+                  updateInputs(lat, lon);
+                } else {
+                  alert("Location not found.");
+                }
+              })
+              .catch(err => console.error(err));
+          }
+        });
+      }
+
+      // *** VITAL FIX FOR WHITE MAP ***
+      // Turbo transitions sometimes render the map before the div has height.
+      // This forces a redraw 300ms after load.
+      setTimeout(function() {
+        mapInstance.invalidateSize();
+      }, 300);
+    }
+
+    // Hook into Turbo Load (Spree Standard)
+    document.addEventListener("turbo:load", initStockLocationMap);
+    
+    // Fallback for standard load
+    document.addEventListener("DOMContentLoaded", initStockLocationMap);
+
+  })();
+</script>

data/app/views/spree/checkout/payment/_delhivery_cod.html.erb

@@ -0,0 +1,9 @@
+<div class="bg-blue-50 text-blue-800 p-4 rounded-md text-sm border border-blue-200 mb-4">
+  <div class="flex items-start">
+    <i class="ti ti-cash icon mt-0.5 mr-2 w-5 h-5 text-blue-600" style=""></i>
+    <div>
+      <strong class="block mb-1 text-base">Cash on Delivery (COD)</strong>
+      <span>Please keep exact change ready. The Delhivery courier will collect <strong><%= @order.display_total %></strong> at the time of delivery.</span>
+    </div>
+  </div>
+</div>