@props(['status', 'class' => '', 'id' => '', 'width' => '', 'height' => '', 'attrs' => "", 'translate_from_forms' => false ])

@php
    $color = 'grey';
    $icon = 'icon-circle-close';

    if($status == 'complete' || $status == "completed" || $status == 'in_use' || $status == 'medium') {
        $text_class = '!text-custom-green-500';
        $bg_class = '!bg-custom-green-100';
        $icon = 'icon-enable';
    } elseif($status == 'approved' || $status == 'new' || $status == 'low' || $status == 'under_maintenance' || $status == 'maintenance' || $status == 'scheduled') {
        $text_class = '!text-custom-blue-500';
        $bg_class = '!bg-custom-blue-100';
        $icon = 'icon-info';
    } elseif($status == 'incomplete' || $status == 'not_in_use' || $status == 'critical' || $status == 'malfunction_defect') {
        $text_class = '!text-custom-red-500';
        $bg_class = '!bg-custom-red-100';
        $icon = 'icon-circle-close';
    } elseif($status == 'pending') {
        $text_class = '!text-custom-orange-500';
        $bg_class = '!bg-custom-orange-100';
        $icon = 'icon-clock';
    } elseif($status == 'requested' || $status == 'due' || $status == 'faulty_defective' || $status == 'high' || $status == 'in_progress') {
        $text_class = '!text-custom-yellow-500';
        $bg_class = '!bg-custom-yellow-100';
        $icon = 'icon-info';
    } elseif($status == 'draft' || $status == 'other' || $status == 'cancelled') {
        $text_class = '!text-custom-grey-500';
        $bg_class = '!bg-custom-grey-100';
        $icon = 'icon-file';
    } elseif($status == 'repair' || $status == 'paused') {
        $text_class = '!text-custom-purple-500';
        $bg_class = '!bg-custom-purple-100';
        $icon = 'icon-file';
    }
@endphp

<div class="flex gap-[4px] px-2 py-[2px] {{ $text_class }} {{ $bg_class }}  rounded-2xl items-center w-max">

    @include('components/svg-icon', ['width' => 12, 'height' => 12, 'icon' => $icon])

    <div class="{{ $text_class }} font-medium text-[12px] leading-[18px]">
        @if($translate_from_forms)
            {{__('forms.lbl_'.$status)}}
        @else
            {{__('tables.'.$status)}}
        @endif
    </div>
</div>