<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
@click="openSidebarPayment(true)"
>
{{ event.details_book_lable }}
</button>
<div
class="overlaysidebar"
v-show="showFilter"
@click="openSidebarPayment(false)"
> Replace
</div>
<a
href="javascript:void(0)"
class="closebtn"
@click="
openSidebarPayment(!showFilter)
resetSidebar()
>x
</a>
methods: {
openSidebarPayment(status) {
this.showFilter = status
