<div class="stag-popup stag-popup-sm mcp-theme-1" stag-popup-key="{{$ticketType}}-pro-update-popup">
    <form method="POST" class="overflow-visible">
        <h3 class="stag-popup-title mb-2">
            <span>Update @{{ proToUpdate}} Pro</span>
            <a href="#" class="ml-auto text-secondary"
                onclick="return closeStagPopup()"><i class="fa fa-times-circle"></i></a>
        </h3>
        <div class="form-group mb-2">
            <label class="text-sm text-secondary mb-1">@{{proToUpdate}} Pro</label>
            <select v-model="newProUid" class="form-control" provider-search>
                <option value="">-- select ---</option>
                @foreach($pros as $pro)
                <option value="{{$pro->uid}}">{{$pro->name_first}} {{$pro->name_last}}</option>
                @endforeach
            </select>
        </div>
        <div class="d-flex align-items-center justify-content-center mt-3">
            <button type="button" class="btn btn-sm btn-primary mr-2" v-on:click.prevent="updateTicketPro()">Submit</button>
            <button type="button" class="btn btn-sm btn-default border" onclick="return closeStagPopup()">Cancel</button>
        </div>
    </form>
</div>
