{% extends "base.html" %}

{% block content %}

  <h1 class="mt-4">Re-Issue Card</h1>
  <p>... </p>


  <div class='container'>

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

      <div class='col-10'>

        <div class='row'>

          <div class='col-5'>

            <div class='row row-shade'>
              <div class='col-6'>Source MagStripe</div>
              <div class='col-6'>.. </div>
            </div>

            <div class='row '>
              <div class='col-6'>Source RFID</div>
              <div class='col-2'>.. </div>
              <div class='col-4'>.. </div>
            </div>

            <div class='row row-shade'>
              <div class='col-6'>Source Group</div>
              <div class='col-6'>.. </div>
            </div>

          </div>

          <div class='col-1'></div>

          <div class='col-6'>

            <div class='row row-shade'>
              <div class='col-6'>Destination MagStripe</div>
              <div class='col-6'>.. </div>
            </div>

            <div class='row '>
              <div class='col-6'>Destination RFID</div>
              <div class='col-2'>.. </div>
              <div class='col-4'>.. </div>
            </div>

            <div class='row row-shade'>
              <div class='col-6'>Destination Group</div>
              <div class='col-6'>.. </div>
            </div>


          </div>



        <!-- row -->
        </div>

        <br>

        <div class='row '>
          <div class='col-6'>
            <button type='button' class='btn btn-secondary btn-sm'>Re-Issue</button>
          </div>
          <div class='col-6'></div>
        </div>


      <!-- col-10 -->
      </div>

    <!-- container row -->
    </div>

  <!-- container -->
  </div>


{% endblock %}