  <!--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>

            <!-- <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">

                    <div class="card border-15 my-2">
                        <div class="card-body">
                            <div class="row my-2">
                                <div class="col-md-3">
                                    <p class="mb-0 ft8 fw-bold">Visitor Information</p>
                                </div>
                                <!-- <div class="col-md-9">

                                    <div class="d-flex gap-5 flex-wrap my-2 justify-content-between pe-5">
                                        <p class="ft10 fw-bold">Unit <br> <span>200</span></p>
                                        <p class="ft10 fw-bold">Reservation date <br><span>21 May, 2024</span></p>
                                        <p class="ft10 fw-bold">Slot <br> <span>8-10AM</span></p>
                                    </div>
                                    <div class="d-flex gap-5 flex-wrap my-2 justify-content-between pe-5">
                                        <p class="ft10 fw-bold">Price <br> <span>$25</span></p>
                                        <p class="ft10 fw-bold">Is Paid <br> <span>No</span></p>
                                        <p class="ft10 fw-bold">No. of people <br> <span>10</span></p>
                                    </div>
                                    <div class="d-flex gap-5 flex-wrap my-2">

                                        <p class="ft10 fw-bold">User <br> <span>Ernesto Candido Este</span></p>
                                        <p class="ft10 fw-bold ms-5">Issue No. Associated <br> <span>23</span></p>
                                    </div>

                                </div> -->
                                <div class="col-md-9">
                                    <div class="row my-2">
                                        <div class="col-md-4">
                                            <p class="ft10 fw-bold">Unit <br> <span>200</span></p>
                                            <p class="ft10 fw-bold">Full Name <br> <span>Julian Jesus Mena</span></p>
                                            <p class="ft10 fw-bold">Identification <br> <span>123456789</span></p>
                                            <p class="ft10 fw-bold">License Plat <br> <span>123456789</span></p>
                                        </div>
                                        <div class="col-md-4">



                                            <p class="ft10 fw-bold">Type of visit <br> <span>Single Entry</span></p>

                                            <p class="ft10 fw-bold">Entered at <br> <span>21 May, 2024 4:35 </span></p>
                                            <p class="ft10 fw-bold">Existed at <br> <span>22 May, 2024 6:35</span></p>
                                            <p class="ft10 fw-bold">Parking Assigned<br> <span>10A</span></p>

                                        </div>
                                    </div>



























                                </div>

                            </div>
                            <hr>

                            <div class="row">
                                <div class="col-md-3">
                                    <p class="mb-0 ft8 fw-bold">Entry Rules</p>

                                </div>
                                <div class="col-md-9">
                                    <div>
                                        <div class="d-flex gap-2 my-1">
                                            <img src="<?php echo base_url(); ?>assets/images/tick.png" alt="" width="25px" height="25px">
                                            <p class="ft10">Do you want to call to enter ?</p>
                                        </div>
                                        <div class="d-flex gap-2 my-1">
                                            <img src="<?php echo base_url(); ?>assets/images/tick.png" alt="" width="25px" height="25px">
                                            <p class="ft10">Do you want to call to enter ?</p>
                                        </div>
                                        <div class="d-flex gap-2 my-1">
                                            <img src="<?php echo base_url(); ?>assets/images/cross.png" alt="" width="25px" height="25px">
                                            <p class="ft10">Do you want to call to enter ?</p>
                                        </div>
                                        <div class="d-flex gap-2 my-1">
                                            <img src="<?php echo base_url(); ?>assets/images/cross.png" alt="" width="25px" height="25px">
                                            <p class="ft10">Do you want to call to enter ?</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-3">
                                    <p class="mb-0 ft8 fw-bold">User Comments
                                    </p>

                                </div>
                                <div class="col-md-9">
                                    <p class="ft10 ">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>


            </div>
        </div>


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