<div class="stag-popup stag-popup-sm mcp-theme-1 min-height-unset" stag-popup-key="client-status-popup">
    <form method="POST" action="" class="overflow-visible">
        <h3 class="stag-popup-title mb-2">
            <span>Client Declared Status</span>
            <a href="#" class="ml-auto text-secondary"
               onclick="return closeStagPopup()"><i class="fa fa-times-circle"></i></a>
        </h3>
        <div class="mb-2">
            <label class="text-sm text-secondary mb-1">Status</label>
            <select class="form-control form-control-sm min-width-unset erx-hcp-pro-select"
                    v-model="currentPrescriptionClientStatus.status">
                <option value="">-- select --</option>
                <option value="CREATED">Created</option>
                <option value="SENT">Sent</option>
                <option value="RECEIVED_BY_CLIENT">Received by client</option>
                <option value="RECEIPT_CONFIRMED_BY_FACILITY">Receipt confirmed by facility</option>
                <option value="CANCELLED">Cancelled</option>
            </select>
        </div>
        <div class="mb-2">
            <label class="text-sm text-secondary mb-1">Memo</label>
            <input type="text" class="form-control form-control-sm min-width-unset"
                   v-model="currentPrescriptionClientStatus.memo">
        </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="saveClientStatus()">Submit
            </button>
            <button type="button" class="btn btn-sm btn-default border" onclick="return closeStagPopup()">Cancel
            </button>
        </div>
    </form>
</div>
