 <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <button class="btn guestBtn d-flex gap-2 align-items-center" id="backBtn"><img
                    src="<?php echo base_url(); ?>assets/images/arowleft.svg" alt="" width="15px"> Back</button>
            <div class="row">
                <div class="col-md-8 my-2">
                    <h3 class="fmon fw-bold">Sent Message Details</h3>
                </div>

            </div>
            <div class="row">
                <div class="col-md-7">
                    <div class="modal-body">


                        <form class="row">

                            <div class="col-md-12 my-2">
                                <label for="" class="form-label">Message title</label>
                                <input type="text" name="bank_name" id="bank_name" class="form-select Formselet"
                                    placeholder="Bank Name" />


                            </div>
                            <div class="col-md-12 my-2">
                                <label for="" class="form-label">Message Content</label>
                                <!-- <div id="editor">
                                    <p>Hello World!</p>
                                    <p>Some initial <strong>bold</strong> text</p>
                                    <p><br /></p>
                                </div> -->
                                <textarea id="editor">Hello, world!</textarea>

                            </div>



                            <div class="col-m-12 my-2">
                                <div class="brower2 d-flex justify-content-center align-items-center">
                                    <div class="d-flex flex-column align-items-center">
                                        <img src="<?php echo base_url(); ?>assets/images/up2.png" alt="" width="20px">
                                        <small>Drage and Drop here or <label for="file" class="text-primary"
                                                style="cursor: pointer;">Browse Files</label></small>
                                        <input class="d-none" type="file" name="file" id="file">
                                    </div>
                                </div>
                            </div>




                        </form>
                        <!-- button for attahmnts -->



                    </div>
                </div>
                <div class="col-md-5 my-2">
                    <div>
                        <div class="custom-toolbar2 px-3 py-2">
                            <p class="mb-0 ft8">Recipients</p>
                        </div>
                        <div class="d-flex justify-content-between align-items-center my-2">
                            <label for="" class="form-label">Select the recipients of the message</label>
                            <button class="btn btn-primary"><i class="fa fa-trash"> </i></button>
                        </div>
                        <!-- <div class="recbox d-flex gap-3 flex-wrap p-2">
                            <div class="recbox2 my-2 d-flex justify-content-between align-items-center">
                                3 - Rodolfo Villaita
                                <button class="btn-close ms-2" aria-label="Close"></button>
                            </div>
                            <div class="recbox2 my-2 d-flex justify-content-between align-items-center">
                                3 - Rodolfo Villaita
                                <button class="btn-close ms-2" aria-label="Close"></button>
                            </div>
                            <div class="recbox2 my-2 d-flex justify-content-between align-items-center">
                                3 - Rodolfo Villaita
                                <button class="btn-close ms-2" aria-label="Close"></button>
                            </div>
                            <div class="recbox2 my-2 d-flex justify-content-between align-items-center">
                                3 - Rodolfo Villaita
                                <button class="btn-close ms-2" aria-label="Close"></button>
                            </div>
                        </div> -->
                        <!-- Select2 Dropdown -->

                        <!-- Recipients Box -->
                        <div class="recbox d-flex gap-1 flex-wrap p-2 border mt-3"></div>
                        <div class="row">
                            <div class="col-md-6 my-2">
                                <p class="text-primary ">Read on the App: 2
                                    R</p>


                            </div>
                            <div class="col-md-6 my-2">
                                <p class="text-muted">Unread: 0</p>
                            </div>
                            <div class="col-md-6 my-2">
                                <p class="text-success">Read on email: 0</p>
                            </div>
                            <div class="col-md-6 my-2">
                                <p class="text-danger">
                                    Undeliverable emails: 0
                                </p>
                            </div>
                        </div>

                        <!-- Predefined Items Box -->
                        <div class="predefined-recbox d-flex flex-column p-2 border mt-3">
                            <div class="predefined-category">
                                <strong>** Distribution Lists</strong>
                                <div class="recbox2 predefined-item my-1">All the units</div>
                                <div class="recbox2 predefined-item my-1">Just Owners</div>
                            </div>
                            <div class="predefined-category mt-1">
                                <strong>** Users</strong>
                                <div class="recbox2 predefined-item my-2">101 – Kattia Solis</div>
                                <div class="recbox2 predefined-item my-2">320 – Jesus Ramirez</div>
                            </div>
                        </div>

                        <div class="form-check form-switch my-4">

                            <label class="form-check-label" for="sendcopy">Send a copy to the recipients
                                email address?</label>
                            <input class="form-check-input" type="checkbox" role="switch" id="sendcopy" name="sendcopy">
                        </div>

                    </div>
                    <div class="custom-toolbar2 px-3 py-2 mt-2">
                        <p class="mb-0 ft8">Message Delivery </p>

                    </div>
                    <div class="form-group">
                        <label>Select when to send the message:</label><br>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="sendTime" id="immediately"
                                value="immediately" checked>
                            <label class="form-check-label" for="immediately">Immediately</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="sendTime" id="specificDate"
                                value="specificDate">
                            <label class="form-check-label" for="specificDate">Specific Date</label>
                        </div>
                    </div>

                    <div id="dateTimePicker" class="form-group" style="display: none;">
                        <label for="datetime">Select Date and Time:</label>
                        <div class='input-group date' id='datetimepicker1'>
                            <input type='datetime-local' class="form-control" id="" />

                        </div>
                    </div>
                    <div id="imed" class="text-success">
                        The message will be sent immediately
                    </div>


                    <div class="row justify-content-end">
                        <div class="col-md-5 my-2 ">
                            <button type="submit" class="btn savedBtn py-2 w-100">Save Draft</button>
                        </div>
                        <div class="col-md-3 my-2 ">
                            <button type="submit" class="btn sendBtn py-2  w-100">Send </button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        </div>

    </main>
    <!--end main wrapper-->
