project-clients.blade.php

<div class="modal fade example-modal-sm" id="ProjectClientsModal" role="dialog" tabindex="-1"
     aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" >Clients</h4>
            </div>
            <div class="modal-body">
                <div class="" >


                            <div class="btn-group m-r-5" v-if="project_subscribers.clients"
                            v-for="client in project_subscribers.clients">
                                <button class="btn btn-default btn-xs">@{{ client.user.name }}</button>
                                <button class="btn btn-default btn-xs" v-on:click="removeClient($event, client.user.id)"><i class="icon wb-close"></i></button>
                            </div>

                    <div v-else>
                        <b>No client added so far</b>
                    </div>

                            <br clear="all"/>
                            <hr/>




                    <input class="form-control" v-on:keyup="clientsSearch()" v-model="clients_search" >
                    <div class="list-group m-t-5 list-group-dividered" style="height: 250px; overflow: auto;">
                        <h5>Recent Clients User</h5>
                        <a class="list-group-item "
                           href="#"
                           v-for="client in clients_list"
                           v-on:click="addClient($event, client.id)">@{{ client.name }} / @{{ client.email }}</a>
                        <a class="list-group-item "
                           v-on:click="getClients($event)"
                           href="#">Search In All Clients</a>
                    </div>
                </div>


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