@forelse($inspection_schedules as $key => $value)
    <div class='select2-result'
        style=" padding: 10px;margin-bottom: 15px;background-color: #fafafa;border-left: 3px solid #00c0ef;">
        <a href="{{ trans_url('admin/inspection_scheduling/inspection_scheduling') . '?id=' . @$value->getRouteKey() }}"
            target="_blank" style="color: inherit;">
        <span style="font-weight: normal;"><label class="data-label">Code&nbsp;:&nbsp;{{ @$value->code }}</label> <span id = '{{ $value->inspection_status }}'>{{ @$value->inspection_status }}</span><br>
        <label class="data-label">Scheduler Name&nbsp;:&nbsp;</label>{{ @$value->scheduler_name}} ({{@$value->scheduler->code}})<br>
        <label class="data-label">Frequency&nbsp;:&nbsp;</label>{{ @$value->inspection_type == 1 ? 'Daily' : ''}}<br>
        <label class="data-label">Date&nbsp;:&nbsp;</label>{{ @date('d M , Y',strtotime($value->inspection_date)) }}<br>
        <label class="data-label">Technicians&nbsp;:&nbsp;</label>
        @php
        $values = explode(', ', @$value->technician_names);
        $values = array_slice($values, 0, 2);
        $technician_names = implode(', ', $values);
        if (count($values) < count(explode(', ', @$value->technician_names))) {
            $technician_names .= '...';
        }
        @endphp
        {{$technician_names}}
        </span>
    </div>
@empty
    <div class="news-gadget-box">
        <span>No Inspections</span>
    </div>
@endif
<style type="text/css">
    .data-label{
        font-weight: bold;
    }
    .statusClass {
        width: 100px !important;
    }
    #Completed {
        /* fix height and width          */
        background-color: #00A65AFF !important;
        background-color: #5F4B8BFF !important;
        width: 30%;
        position: absolute;
        top: 7px;
    }
    #Assigned {
        background-color: #B1624EFF !important;
        width: 30%;
        position: absolute;
        top: 7px;
    }
    #Not-Assigned {
        background-color: #5a5225 !important;
        width: 30%;
        position: absolute;
        top: 7px;
    }
    #Partial {
        background-color: #f39c12 !important;
        width: 30%;
        position: absolute;
        top: 7px;
    }
    #Certified {
        background-color: #1cb329 !important;
        width: 30%;
        position: absolute;
        top: 7px;
    }
</style>