@extends('layouts.user-app')
@section('content')

    <div class="col-md-9 layout">
        <div class="row overall">
            <div class="col-md-4  ">
                <div class="orderBox">
                    <div>
                        <h2>In-Progress Jobs</h2>
                        <h3>{{$data['in_progress'] ?? ''}}</h3>
                    </div>
                    <div>
                        <figure>
                            <img src="{{asset('dashboard/images/progressicon.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="orderBox">
                    <div>
                        <h2>Pending Jobs</h2>
                        <h3>{{$data['pending'] ?? ''}}</h3>
                    </div>
                    <div>
                        <figure>
                            <img src="{{asset('dashboard/images/pendingicon.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="orderBox">
                    <div>
                        <h2>Completed Jobs</h2>
                        <h3>{{$data['completed'] ?? ''}}</h3>
                    </div>
                    <div>
                        <figure>
                            <img src="{{asset('dashboard/images/completeicon.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
            </div>
        </div>


        <div class="recentTable tablecard">
            <h2>New Estimation Request</h2>
            <table class="table table-responsive-lg">
                <thead class="thead-dark">
                <tr>
                    <th scope="col">Service</th>
                    <th scope="col">Crew Name</th>
                    <th scope="col">Price</th>
                    <th scope="col">Status</th>
                </tr>
                </thead>
                <tbody>
                @foreach($requestedEstimations as $estimation)
                    <tr>
                        <td>
                        @if($estimation->services->count() > 1 || $estimation->others != null)
                        Multiple
                        @elseif($estimation->services->count() == 1)
                           <img src="{{asset('/admin/service_images/'.($estimation->services->first()->image ?: 'noimage.jpg'))}}"
                                     alt="img" width="80"><span class="ml-2">{{$estimation->services->first()->title ?? ''}}</span>
                            @endif
                        </td>

                        @foreach($estimation->emailUser->where('type', 'crewVisit') as $email)
                            @php
                                $crewName = json_decode($email->content)
                            @endphp
                            <td>{{$crewName->crewName ?? ''}}</td>
                        @endforeach
                        @foreach($estimation->emailUser->where('type', 'userPayment') as $email)
                            @php
                                $serviceTotalFees = json_decode($email->content)
                            @endphp
                            <td>${{$serviceTotalFees->serviceTotalFees ?? ''}}</td>
                        @endforeach
                        <td>{{$estimation->status ?? ''}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection