@extends('layouts.app')

@section('content')

        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12"> <h2><strong class="text-danger">Failed</strong> WorkOrders: Inspection Services</h2></div>
            <hr>
        </div>
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12" id="">
                    
                <div class="table-responsive">
                        <table style="text-align: left;table-layout: fixed"  class="table table-bordered table-sm table-hover table-light myDatatable">
                                <thead style="background-color: rgb(80, 120, 131); color: white;font-size: 10px;">
                                    <tr>
										<th>ID</th>
                                        <th>Company</th>
                                        <th>Inquiry</th>
                                        <th>Service Address</th>
                                        <th>Equipment (Qty)</th>
                                        <th>Assinged Engineers</th>
                                        <th>Failed Reason</th>
                                        <th>Status</th>
                                        <th>Created At</th>
                                        <th>Action</th>

                                    </tr>
                                </thead>

                                @foreach ($insservices as $insservice)
                          
                                <tr style="font-size: 12px;">
									<td>{{$insservice->workorder->id}}</Td>
                                    <td><a href="/companies/{{$insservice->inqservice->branch->company->id}}">
                                        {{ $insservice->inqservice->branch->company->name }}</a></td>
                                        <td><a href="/inqservices/{{$insservice->inqservice->id}}">View</a></td>
                                    <td>{{ $insservice->zone->emirate->name }}, {{ $insservice->zone->name }}, {{$insservice->location}} </td>
                                    <td>
                                            <ul class="list-group">
                                                    @foreach ($insservice->equipment as $inss_eq)
                                                <li >
                                                        {{ $inss_eq->name }} ( {{ $inss_eq->pivot->qty }} )

                                                </li>
                                                    @endforeach
                                            </ul>

                                    </td>
                                
                                   
                                    <td>
                                        <ul class="list-group">
                                            @foreach ($insservice->workorder->instask as $instask)
                                                @foreach ($instask->user as $inspector)
                                                    <li>* {{ $inspector->name }}</li>
                                                @endforeach
                                                <hr>
                                            @endforeach
                                        </ul>
                                    </td>
                                    
                                    <td>
                                        <p>
                                            {{ $insservice->workorder->failed_note }}
                                        </p>
                                        
                                    </td>
                                    <td>{{ $insservice->workorder->inqstatus->name }}</td>
                                    <td>{{ $insservice->created_at }}</td>
                                    <td>
                                        <a  href="/workorders/{{$insservice->workorder->id}}" class="btn btn-sm btn-primary mb-1">View</a>
                                    </td>
                                </tr>
                                @endforeach
                        </table>
                </div>

            </div>
        </div>

@endsection