<div class="row py-5">
  <div class="col-12 col-lg-8 mx-auto form-container">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title" style="color: #8B2E1F;"><i class="fas fa-exchange-alt mr-2"></i>Transfer to Business</h5>
        <hr>

        <form action="/transfers" method="POST">
          <div class="form-group">
            <label for="amount">Amount<span style="color: #8B2E1F;">*</span></label>
            <input type="number" name="amount" class="form-control" id="amount" required min="1" max="999999"
              placeholder="Enter amount">
          </div>
          <div class="form-group">
            <label for="date">Date<span style="color: #8B2E1F;">*</span></label>
            <input type="date" name="date" class="form-control" id="date" required value="{{today}}">
          </div>
          <div class="form-group">
            <label for="note">Note (optional)</label>
            <input type="text" name="note" class="form-control" id="note" maxlength="50"
              placeholder="e.g. Puppy fund top-up">
          </div>
          <div class="d-flex justify-content-end">
            <button class="btn btn-success" type="submit">Record Transfer</button>
          </div>
        </form>

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