<turbo-stream action="update" target="modal"><template><!-- app/views/customer_orders/_decline_modal.html.erb -->
<turbo-frame id="modal">
  <div class="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
    <!-- Background backdrop -->
    <div class="fixed inset-0 bg-gray-500/75 transition-opacity" aria-hidden="true"></div>
    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
      <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
        <!-- Modal panel -->
        <div class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6">
          <div>
            <div class="mx-auto flex size-12 items-center justify-center rounded-full bg-red-100">
              <svg class="size-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
              </svg>
            </div>
            <div class="mt-3 text-center sm:mt-5">
              <h3 class="text-base font-semibold text-gray-900" id="modal-title">Please let us know why you're declining this quote?</h3>
            </div>
          </div>
          <div class="mt-5">
            <form action="/customer/orders/1da8e53e-05db-403d-8381-ca5bae60e91e/decline" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off" /><input type="hidden" name="authenticity_token" value="ZeofWM-oWTIusksl2v-M8mS8FjboldCAzIeBxIGrmH9AqnvGhr3iQSzZCBE2w3QIYK53nPe_EMCWY9m-kxtKFA" autocomplete="off" />
              <div class="mb-4">
                
                  <label for="reason" class="block text-sm font-medium text-gray-700">Select a reason</label>
                  <select class="form-select mt-1 w-full text-sm" name="order[decline_reason_attributes][reason]" id="order_decline_reason_attributes_reason"><option value="">-- Choose a reason --</option>
<option value="No longer required">No longer required</option>
<option value="Pricing exceeded budget">Pricing exceeded budget</option>
<option value="Menu options did not appeal">Menu options did not appeal</option>
<option value="Received a more competitive quote">Received a more competitive quote</option></select>
              </div>
              <div class="mb-4">
                
                  <label for="custom_reason" class="block text-sm font-medium text-gray-700">We would greatly appreciate any other helpful information to improve our offer for next time</label>
                  <textarea id="custom_reason" class="form-textarea text-sm mt-1 w-full" placeholder="Add additional details here" name="order[decline_reason_attributes][custom_reason]">
</textarea>
              </div>
              <div class="flex justify-between">
                <input type="submit" name="commit" value="Submit" class="inline-flex justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500" data-disable-with="Submit" />
                <a class="inline-flex justify-center rounded-md bg-gray-100 px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-200" href="/customer/orders/1da8e53e-05db-403d-8381-ca5bae60e91e">Cancel</a>
              </div>
</form>          </div>
        </div>
      </div>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>