@extends('layouts.app')

@section('content')

<div class="row ml-2">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <h2>Inspection Proposals</h2>
    </div>
</div>

<hr>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12" id="">
        <div class="card">
            <div class="card-header">
                Table of Inspection Proposals
            </div>  
            <div class="card-body">
                <div class="table-responsive">
            <table style="text-align: left;" class="myDatatable table table-bordered table-sm table-hover table-light">
                <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>Proposal Stage</th>
                        <th>Priced By</th>
                        <th>Approved By</th>
                        <th>Reference Number</th>
                        <th>Active</th>
                        <th>Failed</th>
                        <th>Created At</th>
                        <th>Action</th>

                    </tr>
                </thead>
                <tbody>
                @foreach ($insproposals as $insproposal)

                @php
                    $original_service = $insproposal->original_insservice();
                @endphp
                <tr style="font-size: 10px;">
                    <td>{{$insproposal->id}}</td>
                    <td><a href="/companies/{{$insproposal->company->id}}">
                            {{ $insproposal->company->name }}</a></td>
                    <td>
                    {{--     <a href="/inqservices/{{$insproposal->insservices->inqservice->id}}">View</a>--}}
                    <a href="/inqservices/{{$original_service->inqservice->id}}">View</a>

                    </td>
                    <td>
                        {{ $original_service->zone->emirate->name }}, {{ $original_service->zone->name }}, {{$original_service->location}}
                    </td>
                    <td>
                        <ul class="list-group">
                            @foreach ($original_service->equipment as $inss_eq)
                            <li>
                                {{ $inss_eq->name }} ( {{ $inss_eq->pivot->qty }} )

                            </li>
                            @endforeach
                        </ul>

                    </td>
                    <td>{{ $insproposal->inspropstage->name }}</td>


                    <td>
                        @php
                            if($insproposal->pricer_id == ''){
                                echo "NA";
                            }else{
                                echo ($insproposal->pricing_user->name);
                            }
                        @endphp
                    </td>
                    <td>
                        @php
                            if($insproposal->approver_id == ''){
                                echo "NA";
                            }else{
                                echo ($insproposal->approving_user->name);
                            }
                        @endphp
                    </td>
                    <td>{{$insproposal->reference_number}}</td>
                    <td>
                        {{ $insproposal->active ==1 ? "Yes":"No"}}
                    </td>
                    <td>
                        {{ $insproposal->failed ==1 ? "Yes":"No"}}
                    </td>
                    <td>{{ $insproposal->created_at }}</td>
                    <td>
                        {{-- <a href="/workorders/{{$insservice->workorder->id}}" class="btn btn-sm btn-primary
                        mb-1">View</a>
                        --}}
                        <a href="{{route('insproposals.show',$insproposal->id)}}"  class="btn btn-primary btn-sm">View</a>

                    </td>
                </tr>

                @endforeach
                </tbody>
            </table>
        </div>
            </div>
        </div>
        

    </div>
</div>
    @endsection