<template>
    <v-sheet
        tile
        :outlined="outlined"
        class="rounded-lg"
    >
        <div class="text-body-2 font-weight-bold mb-1">
            {{ __(control.caption) }}
        </div>

        <div class="d-flex justify-space-between">
            <div class="pr-1" style="width:50%">
                <v-select
                    dense
                    hide-details
                    outlined
                    :placeholder="__('Criteriul de filtrare')"
                    :items="control.getItems"
                    clearable
                    v-model="control.operator"
                >
                </v-select>
            </div>

            <div class="pl-1" style="width:50%">
                <v-text-field
                    dense
                    hide-details
                    outlined
                    clearable
                    :placeholder="__('Valoarea')"
                    v-model="control.value"
                >
                </v-text-field>
            </div>
        </div>

    </v-sheet>
</template>

<script>
    export default {
        props: {
            control: {required: true},
            outlined: {default: true},
        },

        name: 'CsTextFilterControl',        
    }
</script>