MOVU Components

Inquiry Overview 

<div class="movu-card-holder movu-inquiry-overview-card">
    <div class="movu-card-block">
        <div class="movu-card-block-inner">
            <div class="title-wrapper">

                <h3 class="movu-card-title">User details</h3>

            </div>

            <section class="clearfix">

                <div class="info-holder">
                    <div class="profile-info">
                        <p>Mr. Nemanja Cacic</p>
                        <p>+381652277788</p>
                        <p>test@gmail.com</p>
                        <p>Universitätstrasse 63, 8006 Zürich</p>
                    </div>
                    <button class="button-flat button-default" onclick="this.blur();">My profile<i class="material-icons cta-icon">chevron_right</i></button>

                </div>
                <div class="title-wrapper">
                    <h3 class="movu-card-title">my inquiries</h3>
                </div>
                <div class="border-2-bottom"></div>
                <section>
                    <table class="table movu-inquiries-table">
                        <tbody>
                            <tr class="inquiry-row">

                                <td class="inquiry-service-date">22.01.2019</td>

                                <td class="inquiry-service-description">
                                    <a href="#">
                                        <span class="inquiry-name">#135007 Cleaning</span>
                                    </a>
                                </td>
                            </tr>

                            <tr class="inquiry-row">

                                <td class="inquiry-service-date">22.01.2019</td>

                                <td class="inquiry-service-description">
                                    <a href="#">
                                        <span class="inquiry-name">#135007 Moving+Cleaning</span>
        </div>
        </td>
        </tr>

        <tr class="inquiry-row">

            <td class="inquiry-service-date">22.01.2019</td>

            <td class="inquiry-service-description">
                <a href="#">
                    <span class="inquiry-name">#135007 Moving+Cleaning</span>
    </div>
    </td>
    </tr>

    <tr class="inquiry-row">

        <td class="inquiry-service-date">22.01.2019</td>

        <td class="inquiry-service-description">
            <a href="#">
                <span class="inquiry-name">#135007 Moving+Cleaning</span>
</div>
</td>
</tr>

</tbody>
</table>
</section>

</section>
</div>
</div>
</div>
 
{% extends "@card-with-heading" %}
{% block cardContent %}
  <div class="info-holder">
    <div class="profile-info">
      <p>{{ gender }}. {{ firstName }} {{ lastName }}</p>
      <p>{{ mobile }}</p>
      <p>{{ mail }}</p>
      <p>{{ street }}, {{ zipCode }} {{ city }}</p>
    </div>
    {% render '@cta-link-flat', { ctaLinkText: 'My profile'}, true %}
  </div>
  <div class="title-wrapper">
    <h3 class="movu-card-title">{{ inquiriesTitle }}</h3>
  </div>
  <div class="border-2-bottom"></div>
  <section>
    <table class="table movu-inquiries-table">
      <tbody>
        <tr class="inquiry-row">
          {% if dateExists %}
          <td class="inquiry-service-date">{{ serviceDate }}</td>
          {% endif %}
          <td class="inquiry-service-description">
            <a href="#">
              <span class="inquiry-name">#{{ inquiryId }} {{ singleServiceName }}</span>
            </a>
          </td>
        </tr>
        {% for i in range(0, 3) %}
        <tr class="inquiry-row">
          {% if dateExists %}
          <td class="inquiry-service-date">{{ serviceDate }}</td>
          {% endif %}
          <td class="inquiry-service-description">
            <a href="#">
              <span class="inquiry-name">#{{ inquiryId }} {{ serviceName }}</span>
            </div>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}
 
/* No context defined. */

No notes defined.