@forelse($service_request as $key => $value)
    @php
        $srText = 'SR-' . $value->id . ' - ';
        if ($value->request_type == 'Asset Complaint') {
            $srText .= $value->asset->rfc . '(' . $value->asset->bar_code . ')--' . $value->work_department->name;
        } elseif ($value->request_type == 'Facility Complaint') {
            $srText .= 'Facility Complaint ' . $value->work_department->name;
        } elseif ($value->request_type == 'Facility Request') {
            $srText .= '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/service_request/service_request') . '?id=' . @$value->getRouteKey() }}"
            target="_blank" style="color: inherit;">
        <span>{{ $srText }} -- Req Date:{{ @$value->request_date }} @ {{ @$value->time }} </span>
        <span class = '{{ @$value->status }} statusClass' style="margin-top: 34px;">{!! @$value->status !!}</span>

        @if (@$value->job_priority == 'Urgent')
            <span style="display:inline; ">Priority : <span class="badge bg-danger "
                    style=" display:inline;">{!! @$value->job_priority !!}</span>
            </span>
        @else
            <span class="">Priority : {!! @$value->job_priority !!}</span>
        @endif

    </div>
@empty
    <div class="news-gadget-box">
        <span>No Service Request</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;
    }

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

    .WIP {
        background-color: #f39c12 !important;

    }

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

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

    .Working Progress {
        margin-top: 36px !important;

    }
</style>