Form for

gistfile1.txt

      <div class="content">
        <div class="row">
          <div class="col-md-10 ml-auto mr-auto">
            <div class="card card-user">
              <div class="card-header">
                <div class="row">
                  <div class="col-md-6 col-sm-12">
                    <h5 class="card-title">Update Invoice</h5>
                    <small><b>Invoice No.</b>01234</small><br>
                    <small><b>Invoice Type: </b>Travel Expenses</small>
                  </div>
                  <div class="col-md-5 col-sm-12 ml-auto">
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-group">
                          <label for="exampleFormControlSelect1">Select Bank Account</label>
                          <select class="form-control" id="exampleFormControlSelect1">
                            <option>Select your preferred Bank Account</option>
                            <option>Rabo Bank</option>
                            <option>ABN AMRO</option>
                            <option>Italian Bank</option>
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="card-body">
                <form>
                  <div class="row mt-3">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label>Title</label>
                        <input type="text" class="form-control" placeholder="Company" value="Travel Expense">
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="row">
                        <div class="col-md-6 col-sm-12">
                          <div class="form-group">
                            <label>Departure</label>
                            <input type="date" class="form-control">
                          </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                          <div class="form-group">
                            <label>Return</label>
                            <input type="date" class="form-control">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Notes</label>
                        <input type="text" rows="4" cols="50" class="form-control"  placeholder="Invoice for travel">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="card-body">
                      <div class="table-responsive">
                        <table class="table">
                          <thead class=" text-primary">
                            <tr>
                              <th>
                                Name
                              </th>
                              <th>
                                Amount in (Euro)
                              </th>
                              <th class="text-center">
                                Attachment
                              </th>
                              <th class="text-center">
                                Action
                              </th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td>
                                <!-- <div class="form-group"> -->
                                  <input type="text" class="form-control"  placeholder="Train Ticket">
                                <!-- </div> -->
                              </td>
                              <td>
                                <input type="number" class="form-control"  placeholder="Euro 3">
                              </td>
                              <td class="text-center">
                                <a href="#" >
                                  <i class="nc-icon nc-cloud-upload-94 text-success"></i>
                                  Upload
                                </a>
                              </td>
                              <td class="text-center">
                                <a href="#">
                                  <i class="nc-icon nc-simple-remove text-danger"></i>
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <!-- <div class="form-group"> -->
                                  <input type="text" class="form-control"  placeholder="Train Ticket">
                                <!-- </div> -->
                              </td>
                              <td>
                                <input type="number" class="form-control"  placeholder="Euro 3">
                              </td>
                              <td class="text-center">
                                <a href="#" >
                                  <i class="nc-icon nc-cloud-upload-94 text-success"></i>
                                  Upload
                                </a>
                              </td>
                              <td class="text-center">
                                <a href="#">
                                  <i class="nc-icon nc-simple-remove text-danger"></i>
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <!-- <div class="form-group"> -->
                                  <input type="text" class="form-control"  placeholder="Bus Ticket">
                                <!-- </div> -->
                              </td>
                              <td>
                                <input type="number" class="form-control"  placeholder="Euro 5">
                              </td>
                              <td class="text-center">
                                <a href="#">
                                  <i class="nc-icon nc-cloud-upload-94 text-success"></i> Upload
                                </a>
                              </td>
                              <td class="text-center">
                                <a href="#">
                                  <i class="nc-icon nc-simple-remove text-danger"></i>
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td class="text-right">Total Cost: </td>
                              <td class="text-left"><b>Euro 12</b></td>
                              <td></td>
                              <td>
                                <div class="text-left">
                                  <a href="#">
                                    <i class="nc-icon nc-simple-add"></i> Add Line Items
                                  </a>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-6 col-sm-12 ml">
                      <a href="invoicing.html" class="btn btn-primary btn-neutral" >Cancel</a>
                    </div>
                    <div class="update col-md-6 col-sm-12 mr-auto ">
                      <a href="invoicing.html" class="btn btn-outline-primary btn-round col-md-12 col-sm-12" type="submit" >
                        <i class="nc-icon nc-send"></i>
                        Create
                      </a>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>

      </div>