<section class="status">
  <div class="continer mx-auto ">
    <div class="status-box w-2/3 mx-auto pt-1">

      <div class="flex items-center justify-between pb-16">
        <h1 class="text-xl font-bold">Track delivery status</h1>
        <h6 class="bg-white py-1 rounded-full px-4 text-green-600 text-xs">
          <%= order.id %>
        </h6>

        <input id="hiddenInput" type="hidden" value="<%= JSON.stringify(order) %>">

      </div>

      <ul>
        <li class="status_line text-xl pb-16" data-status="0">
          <span> Order Placed </span>
        </li>
        <li class="  status_line text-xl pb-16" data-status="1">
          <span> Order Confirm </span>
        </li>
        <li class="status_line text-xl pb-16" data-status="2">
          <span> Out for delivery </span>
        </li>
        <li class="status_line text-xl" data-status="3">
          <span> Completed </span>
        </li>
      </ul>

    </div>
  </div>

</section>