<div class="attendee-card" id="remove_card">

    <div class="addr"><p id="remove_seat_no">----</p><p id="guest_category">----</p>

    <i class="fas fa-times closePOP" onclick="closeFilter2()"></i></div>

    <div class="info">

        <img id="remove_image_id" src="images/profile.png" alt="">
        <div class="name">
            <h4 id='remove_name_id'>---</h4>
            <p id='remove_designation_id'></p>
        </div>
    </div>

    <div class="assing">
        <a id="removes_user_id" href="">Remove</a>
    </div>
</div>

<div class="attendee-card" id="card">

    <div class="title">

       <div class="headCard"> <h4>User Assign</h4> <p id="seat_no">----</p></div>

          <i class="fas fa-times closePOP" onclick="closeFilter()"></i>

    </div>
        <style>
            [title^="[BOOKING]"] {
                /* Your CSS styles here */
                background-color: yellow; /* Example style */
                color: red; /* Example style */
                border: 1px solid blue; /* Example style */
            }
        </style>
        
        <form method="post" action="<?=base_url('assign-' . $room_type . '/' . $id)?>" autocomplete="off">

          <div class="autocomplete searchBar">
            <br>
            <select name="id" id='select_guest_group' style="width: 100%;">
                <option value=''>Select Guest</option> 
                <?php foreach($guests as $guest): 
                $is_booked = in_array($guest['id'], $booked_ids);
                ?> 
                <option class="<?=$is_booked?('booked'):('')?>" value="<?=$guest['id']?>"><?=$guest['id']?> - <?= $guest['title'] .' '. $guest['name'] .' '. $guest['surname'] ?> - <?=$guest['category']?> <?=$is_booked?(' - [BOOKED]'):('')?></option>
                <?php endforeach; ?>
                <?php foreach($groups as $group): ?>
                <option value="G<?=$group['id']?>">Group: <?=$group['title'] . "[" . $group['nGuests'] . "]"?></option>
                <?php endforeach; ?>                                            
            </select>
            <input name="seat_no" type="hidden">

          </div>
          <input id="assignBtn" type=submit value="Assign" />

        </form>
</div>
<script type="text/javascript">
    $(document).ready(function() {
            $("#select_guest_group").select2();
    });
</script>