@extends('portal.user.layouts.app')

@section('content')
    <div id="content-wrapper" class="d-flex flex-column">
        <div id="content">
            <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
                <!-- <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
                        <i class="fa fa-bars"></i>
                    </button> -->
                <h2>REQUESTED INSPECTIONS</h2>
                <ul class="navbar-nav rghtbl ml-auto">
                </ul>
            </nav>
            <div class="main-container margin">
                <div class="container-fluid">
                    <div class="card bg-transparent p-0">
                        <table class="mytable">
                            <thead>
                            <tr>
                                <th>Thumbnail</th>
                                <th>Price Range</th>
                                <th>Agent Name</th>
                                <th>Agent Email</th>
                                <th>Agent Phone Number</th>
                                <th>Date & Time</th>
                                <th>Status</th>
                                <th>Action</th>

                            </tr>
                            </thead>
                            @foreach ($inspections as $inspection)
                                <tr>
                                    <td>

                                        <img
                                            src="{{ $inspection->hasMedia('product_image_user') ? $inspection->getFirstMedia('product_image_user')->getUrl() :  asset('images/soap.png')}}"
                                            style="width: 70px">

                                    </td>
                                    @foreach($inspection->inspectionDetails as $inspectionDetail)
                                        @if($inspectionDetail->key === 'prices')
                                            <td><span>{{ $inspectionDetail->value }}</span></td>
                                        @endif
                                    @endforeach
                                    <td><span>{{$inspection->inspector()->name ?? ''}}</span></td>
                                    <td><span>{{$inspection->inspector()->email ?? ''}}</span></td>
                                    <td><span>{{$inspection->inspector()->phone ?? ''}}</span></td>
                                    <td>
                                        <span>
                                            @if ($inspection->inspector() && $inspection->inspector()->created_at)
                                                {{ $inspection->inspector()->created_at->format('F j, Y g:i A') }}
                                            @else
                                                N/A
                                            @endif
                                        </span>
                                    </td>
                                    <td><span>{{$inspection->status}}</span></td>

                                    <td>
                                        <div class="w-1000 d-flex">
                                            <a href="{{route('user.agent.details', $inspection->id)}}">
                                                <button class="btn btn-primary">Show</button>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </table>
                        {{--                            <div class="d-flex justify-content-between align-items-center">--}}
                        {{--                                <p class="m-0 text-white">Showing 1 To 10 Of 33 Entries</p>--}}
                        {{--                                <div class="btn-group">--}}
                        {{--                                    <button class="btn btn-light text-dark mr-2">Previous</button>--}}
                        {{--                                    <button class="btn btn-primary">Next</button>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                    </div>
                </div>
            </div>
        </div>
@endsection