<div class="modal fade" id="orgTopUpModal" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="color-line"></div>
            <div class="modal-header">
                <h4 class="modal-title titleHead" ></h4>
                <small class="font-bold">Complete the form for the Top Up</small>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger hidden" id="topupError"></div>
                <div class="alert alert-success hidden" id="topupSuccess"></div>
                <form action="{{url('admin/topups')}}" id="dealerTopForm" method="POST">
                    <input type="hidden" name="organisation" class="org_id" id="selectedOrgId" value="">
                    {{csrf_field()}}
                    <div class="row">
                        <div class="form-group col-md-12">
                            <label for="topUpAmount" class="col-form-label">Amount</label>
                            <input required type="number" class="form-control" name="amount" id="topUpAmount" placeholder="Amount">
                        </div>
                        <div class="form-group col-md-12">
                            <label for="paymentMethod" class="col-form-label">Payment Method</label>
                            <select name="payment" id="paymentMethod" class="form-control select2" data-toggle="select2" data-placeholder="Select Payment Method">
                                <option value="None">Select Payment Method</option>
                                <option value="cash">Cash</option>
                                <option value="Mobile Money">Mobile Money</option>                                      
                            </select>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="discount" class="col-form-label">Commission (%)</label>
                            <input type="text" name="discount" id="discount" class="form-control discountInput" required="">
                        </div>
                        <div class="form-group col-md-12">
                            <label for="discount" class="col-form-label">Finanl Amount</label>
                            <input type="text" name="final_amount" id="discount" class="form-control discountInput" required="">
                        </div>
                    </div>
                    
                    <button type="submit" class="btn btn-primary btn-block">Add </button>
                    <button type="reset" class="btn btn-danger btn-block" data-dismiss="modal">Close</button>
                </form>
            </div>
            <!-- <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div> -->
        </div>
    </div>
</div>