<template>
    <v-sheet class="pl-3"  :color="color">
        <div class="font-weight-bold">
            {{abonament.name }}
        </div>

        <div class="pl-3">
            {{ __('Tarif: :tarif &euro;', {tarif: abonament.tarif ? abonament.tarif : 0}) }}
        </div>
        
        <div class="pl-3">
            {{ __('Tarif ore suplimentare: :tarif &euro;', {tarif: abonament.tarif_ore_suplimentare ? abonament.tarif_ore_suplimentare : 0}) }}
        </div>

        <div class="pl-3">
            {{ __('Număr ore incluse în abonament: :ore ore', {ore: abonament.numar_ore_incluse ? abonament.numar_ore_incluse : 0}) }}
        </div>
    </v-sheet>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            service: {required: true},
            type: {required: true},
            abonament: {required: true},
            color: {default: null}
        },

        name: 'ServiceAbonamentItem',
    }
</script>