Popufare-Admin-Web-UI/main/app/templates/search.html

{% extends "base.html" %}

{% block content %}

  <div class='row'>

    <div class='col-6'>
      <h1 class="mt-4">Search</h1>
    </div>

    <div class='col-6'>
      <h1 class="mt-4" id='ui.search.message'>...</h1>
    </div>

  </div>

  <div class='container'>

    <!-- container row -->
    <div class='row'>

      <!-- col-10 to give a padding on the side -->
      <div class='col-10'>

        <br>

        <!-- -->
        <div class='row rowpop row-shade'>

          <div class='col-2'>Search Cards</div>
          <div class='col-8'>
            <input type='text' class='form-control form-control-sm' placeholder='' id='ui.search.card'>
          </div>
          <div class='col-2'>
            <button type='button' class='btn btn-secondary btn-sm' id='ui.search.find_card'>Find</button>
          </div>

        </div>

        <!-- -->
        <div class='row rowpop'>

          <div class='col-2'>Search Users</div>
          <div class='col-8'>
            <input type='text' class='form-control form-control-sm' placeholder='' id='ui.search.user'>
          </div>
          <div class='col-2'>
            <button type='button' class='btn btn-secondary btn-sm' id='ui.search.find_user'>Find</button>
          </div>

        </div>

        <!-- -->
        <div class='row rowpop row-shade'>

          <div class='col-2'>Search Admins</div>
          <div class='col-8'>
            <input type='text' class='form-control form-control-sm' placeholder='' id='ui.search.admin'>
          </div>
          <div class='col-2'>
            <button type='button' class='btn btn-secondary btn-sm' id='ui.search.find_admin'>Find</button>
          </div>

        </div>

      </div>
    </div>
  </div>


{% endblock %}