   <!--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"> <img src="<?php echo base_url(); ?>assets/images/megaIcons/event.svg" alt=""> Add Event Journal
                    </h3>
                </div>

            </div>
            <div class="modal-body">


                <form class="row">


                    <div class="col-md-6 my-2">

                        <input type="text" name="title" id="title" class="form-control FormInput" placeholder="Title">
                    </div>
                    <div class="col-md-6 my-2">

                        <input type="text" name="created_by" id="created_by" class="form-control FormInput"
                            placeholder="Created By">
                    </div>



                    <div class="col-md-12 my-2">

                        <textarea class="form-control FormInput" name="detail" id="detail"
                            placeholder="Detail (Max 1000 characters)" maxlength="1000"></textarea>
                        <div class="d-flex justify-content-end">
                            <small id="noteCount" class="form-text text-muted">0/1000</small>
                        </div>
                    </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>
                    <div class="col-md-12 my-2">
                        <div class="row d-flex justify-content-center mb-3">
                            <div class="col-md-12 my-2 d-flex justify-content-center">
                                <button type="submit" class="btn autBtn py-2 px-5">Add Event Journal</button>
                            </div>
                        </div>
                    </div>


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



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

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