<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-block mb-5 d-none" data-toggle="modal" id="cancelFormModalBtn"
        data-target="#cancelFormModal">
    کنسل سفارش
</button>

<!-- Modal -->
<div class="modal fade" id="cancelFormModal" style="padding-right: 0 !important;" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header align-items-center"
                 style="align-items: center !important;padding-bottom: 0 !important;padding-top: 0 !important;">
                <h5 class="modal-title" id="exampleModalLongTitle">لغو سفارش</h5>
                <button type="button" class="close" style="margin: 0 !important;" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="post" id="cancelOrderForm" class="mb-2">

                <div class="modal-body">
                    <form class="mt-5 mx-auto col-md-8 d-flex mb-5 flex-wrap align-items-center justify-content-center"
                    >
                        @csrf
                        <p class="text-muted mb-3">
                            لطفا دلیل خود را ذکر کنید :
                        </p>
                        <div id="tab1" class="col-12 custom_form">
                            <div class="floating-label">
                    <textarea type="message" class="floating-input" name="content" placeholder=" "
                              autocomplete="off" cols="4" rows="4" required
                              style="height: unset !important;padding-top: 0.9rem;"></textarea>
                                <label class="main">متن پیام</label>
                            </div>
                        </div>
                        <div class="col-12 d-flex justify-content-end btn_send_contact">
                            <button class="btn px-5 btn-outline-info" type="submit">
                                درخواست لغو
                            </button>
                        </div>
                    </form>
                </div>
        </div>
    </div>
</div>
