
<div class="offcanvas offcanvas-bottom"
     style="height: 250px !important;"
     tabindex="-1"
     id="offcanvasBottom"
     data-bs-scroll="true"
     data-bs-backdrop="false"
     aria-labelledby="offcanvasBottomLabel">
    <div class="offcanvas-header m-b-0">
        <h5 class="offcanvas-title" id="offcanvasBottomLabel">
            <i class="fa fa-shopping-cart"></i>
            {{__("Cart Checkout")}}
        </h5>
    </div>
    <div class="offcanvas-body small">
        <div class="row">
            <div class="col">
                <div class="float-right">
                    <div class="row">
                        <div class="col-12 mb-1">
                            <div class="d-flex form-floating">
                                <input class="form-control me-2 is-invalidd fs-25 bg-green text-green"
                                       type="number"
                                       id="txt-amount-receipt"
                                       placeholder="{{__("Amount Receipt")}}"
                                       aria-label="{{__("Amount Receipt")}}">
                                <label for="txt-amount-receipt">{{__("Amount Receipt")}}</label>
                                <button class="btn btn-success" type="button">
                                    {{__("OK")}}
                                    <i class="fa fa-check-circle-o"></i>
                                </button>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="d-flex form-floating">
                                <input class="form-control bg-gradient text-black"
                                       type="number"
                                       id="txt-amount-remaining"
                                       placeholder="{{__("Amount Remaining")}}"
                                       aria-label="{{__("Amount Remaining")}}">
                                <label for="txt-amount-remaining">{{__("Amount Remaining")}}</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
