<div class=" container-fluid">
    <div class="card margin-bottom-0">
        <div class="card-body">

            <div class="row">
                <div class="col-12">
                    <h4 id="rw-md-form">Create Transaction</h4>


                        <div class="form-group">
                            <button type="button" class="btn btn-light" data-toggle="modal" data-target="#formExampleModal">Launch modal</button>
                        </div>


                </div>
                @*<div class="col-6">
                    <h4 id="rw-md-form-invert">Invert Form example</h4>
                    <p class="subtitle margin-bottom-20">Same example with invered style.</p>

                    <button type="button" class="btn btn-light" data-toggle="modal" data-target="#invertFormExampleModal">Launch modal</button>
                </div>*@
            </div>

        </div>
    </div>

</div>
<div class="modal fade" id="formExampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">New transaction</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <form>


                        <div class="card">
                            <div class="page-heading">
                                <div class="page-heading__container">
                                    <h1 class="title">Transaction Template</h1>
                                    <p class="caption">MAkE NEW PAYMENT</p>
                                </div>
                                <div class="page-heading__container float-right">
                                    <button class="btn btn-light btn-icon"><span class="fa fa-refresh"></span></button>
                                </div>
                            </div>
                            <div class="card-body">

                                <div class="form-row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label>From account</label>
                                            <select class="custom-select">
                                                <option>4149 5*** **** **29</option>
                                                <option>5412 7*** **** **31</option>
                                                <option>2249 9*** **** **48</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label>To account</label>
                                            <select class="custom-select">
                                                <option>4149 5*** **** **29</option>
                                                <option selected>5412 7*** **** **31</option>
                                                <option>2249 9*** **** **48</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>To currency</label>
                                            <select class="custom-select">
                                                <option>Select currency</option>
                                                <option>Dollar</option>
                                                <option>Euro</option>
                                                <option>Other</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Amount</label>
                                            <input type="text" class="form-control" placeholder="0.00">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>&nbsp;</label>
                                            <button class="btn btn-secondary btn-block">Confirm</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>



                    <div class="form-group">
                        <label>Example label</label>
                        <input type="text" class="form-control" placeholder="Example input">
                        <span class="form-text">Some form text goes here.</span>
                    </div>
                    <div class="form-group">
                        <label>Another label</label>
                        <input type="text" class="form-control" placeholder="Another input">
                        <span class="form-text">Some form text goes here.</span>
                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>