  <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <div class="d-flex justify-content-between flex-wrap gap-2">
                <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="d-flex gap-2 align-items-center">

                    <!-- <button class="btn btn-deny px-3">Deny</button> -->
                </div>
            </div>

            <!-- <div class="row my-3">

                <div class="col-md-12 my-3">
                    <div class="custom-toolbar px-3 py-2">
                        <p class="mb-0 ft8">Casa Club # 1</p>
                    </div>
                    <div class="card border-15 my-2">
                        <div class="card-body">
                            <p class="ft10 mb-1">Unit: <span>200</span></p>
                            <p class="ft10 mb-1">Reservation date: <span>21 May, 2024</span></p>
                            <p class="ft10 mb-1">Slot: <span>8-10AM</span></p>
                            <p class="ft10 mb-1">Price: <span>$25</span></p>
                            <p class="ft10 mb-1">Is Paid: <span>No</span></p>
                            <p class="ft10 mb-1">No. of people: <span>10</span></p>
                            <p class="ft10 mb-1">User: <span>Ernesto Candido Este</span></p>
                            <p class="ft10 mb-1">Issue No. Associated: <span>23</span></p>

                        </div>
                    </div>
                </div>
                <div class="col-md-12 my-3">
                    <div class="custom-toolbar px-3 py-2">
                        <p class="mb-0 ft8">User Notes</p>
                    </div>
                    <div class="card border-15 my-2">
                        <div class="card-body">
                            <p class="ft10 mb-1">Lorem Ipsum is simply dummy text of the printing and typesetting
                                industry.
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type and scrambled it to make a type specimen book. It
                                has survived not only five centuries, but also the leap into electronic typesetting,
                                remaining essentially unchanged.</p>

                        </div>
                    </div>
                </div>
                <div class="col-md-12 my-3">
                    <div class="custom-toolbar px-3 py-2">
                        <p class="mb-0 ft8">Security Notes</p>
                    </div>
                    <div class="card border-15 my-2">
                        <div class="card-body">
                            <p class="ft10 mb-1">Lorem Ipsum is simply dummy text of the printing and typesetting
                                industry.
                                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                unknown printer took a galley of type and scrambled it to make a type specimen book. It
                                has survived not only five centuries, but also the leap into electronic typesetting,
                                remaining essentially unchanged.</p>

                        </div>
                    </div>
                </div>
            </div> -->
            <div class="row my-3">
                <div class="col-md-12 my-3">
                    <form class="card border-15 my-2">
                        <div class="card-body">
                            <h5 class="mb-4">Edit Occurrences</h5>

                            <!-- Occurrence 1 -->
                            <div class="row my-2">
                                <div class="col-md-3">
                                    <p class="mb-0 ft8 fw-bold">Occurrence 1</p>
                                </div>
                                <div class="col-md-9">
                                    <div>
                                        <div class="mb-3">
                                            <label for="occurrenceDate1" class="form-label">Occurrence Date</label>
                                            <input type="date" class="form-control" id="occurrenceDate1"
                                                name="occurrenceDate1" value="2024-05-21">
                                        </div>
                                        <div class="mb-3">
                                            <label for="details1" class="form-label">Details</label>
                                            <textarea class="form-control" id="details1" name="details1"
                                                rows="3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis cursus ex. Sed ac eleifend ante, at suscipit dui. Aenean ornare, nisi sed iaculis facilisis, ipsum massa tempus purus, vel mollis augue dui sit amet est. In diam sem, suscipit sed hendrerit non, tincidunt</textarea>
                                        </div>
                                        <p class="ft10">Attachments</p>
                                        <div class="d-flex gap-3 align-items-center">
                                            <p class="ft10">
                                                <img src="<?php echo base_url(); ?>assets/images/atachP2.png" alt="">
                                                <span>Document 1</span>
                                            </p>
                                            <p class="ft10">
                                                <img src="<?php echo base_url(); ?>assets/images/atachP2.png" alt="">
                                                <span>Document 2</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <hr>

                            <!-- Occurrence 2 -->
                            <div class="row my-2">
                                <div class="col-md-3">
                                    <p class="mb-0 ft8 fw-bold">Occurrence 2</p>
                                </div>
                                <div class="col-md-9">
                                    <div>
                                        <div class="mb-3">
                                            <label for="occurrenceDate2" class="form-label">Occurrence Date</label>
                                            <input type="date" class="form-control" id="occurrenceDate2"
                                                name="occurrenceDate2" value="2024-05-21">
                                        </div>
                                        <div class="mb-3">
                                            <label for="details2" class="form-label">Details</label>
                                            <textarea class="form-control" id="details2" name="details2"
                                                rows="3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis cursus ex. Sed ac eleifend ante, at suscipit dui. Aenean ornare, nisi sed iaculis facilisis, ipsum massa tempus purus, vel mollis augue dui sit amet est. In diam sem, suscipit sed hendrerit non, tincidunt</textarea>
                                        </div>
                                        <p class="ft10">Attachments</p>
                                        <div class="d-flex gap-3 align-items-center">
                                            <p class="ft10">
                                                <img src="<?php echo base_url(); ?>assets/images/atachP2.png" alt="">
                                                <span>Document 1</span>
                                            </p>
                                            <p class="ft10">
                                                <img src="<?php echo base_url(); ?>assets/images/atachP2.png" alt="">
                                                <span>Document 2</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn-approv">Save Changes</button>

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


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

