@forelse($workorder as $key => $value)
    @php
        $woText = 'WO-' . $value->id . ' - ';
        if ($value->request_type == 'Asset Complaint') {
            $woText .= $value->asset->rfc . '(' . $value->asset->bar_code . ')--' . $value->work_department->name;
        } elseif ($value->request_type == 'Facility Complaint') {
            $woText .= 'Facility Complaint ' . $value->work_department->name;
        } elseif ($value->request_type == 'Facility Request') {
            $woText .= 'Facility Request ' . $value->work_department->name;
        }
    @endphp

    <div class='select2-result'
        style=" padding: 10px;margin-bottom: 15px;background-color: #fafafa;border-left: 3px solid #00c0ef;">
        <a href="{{ trans_url('admin/work_order') . '?id=' . @$value->getRouteKey() }}"
            target="_blank" style="color: inherit;">
        <span>{{ $woText }}-- Due
            Date:{{ @$value->work_due }} </span>
        <span class = '{{ $value->work_status }} statusClass' style="margin-top: 34px;">{{ @$value->work_status }}</span>
        <span>Category : {{ @$value->category }}</span>
    </div>
@empty
    <div class="news-gadget-box">
        <span>No WorkOrder</span>
    </div>
@endif
<style type="text/css">
    .statusClass {
        width: 100px !important;
    }

    .Completed {
        background-color: #5F4B8BFF !important;
        margin-top: 36px !important;

    }

    .Assigned {
        background-color: #B1624EFF !important;
        margin-top: 36px !important;
    }

    .WIP {
        margin-top: 36px !important;
        background-color: #f39c12 !important;

    }

    .Hold {
        background-color: #606060FF !important;
        margin-top: 36px !important;
    }

    .Pending {
        background-color: #F95700FF !important;
        margin-top: 36px !important;
    }
</style>