@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('navs.frontend.dashboard') )

@section('content')
    <div class="row mb-4">
    <div class="header header-top">
        <a href="{{ url('/dashboard') }}" class="header-menu"><i class="fa fa-arrow-left"></i></a>
            <h2 class="page-title">My Quotation</h2>
        </div><!-- header -->
        <div class="main-content no-footer">
                <div class="container-fluid">
                    <div class="quotation-tab">
                        <ul class="nav nav-tabs nav-justified mt-3 mb-3" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="upcoming-tab" data-toggle="tab" href="#upcoming" role="tab" aria-controls="upcoming" aria-selected="true">Upcoming</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="completed-tab" data-toggle="tab" href="#completed" role="tab" aria-controls="completed" aria-selected="false">Completed</a>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active text-align form-new" id="upcoming" role="tabpanel" aria-labelledby="upcoming-tab">
                                @if(count($upcomingquotations)>0)
                                    @foreach($upcomingquotations as $row)
                                        @if(count($row->getServiceProviders)>0)
                                            <div class="card card-block">
                                                <div class="card-header">
                                                    <div class="quote-header">
                                                        <h3>@if(isset($row->service_name)){{$row->service_name}}@endif</h3>
                                                        <p class="address"> <i class="fa fa-map-marker"></i> @if(isset($row->city_name)){{$row->city_name}}@endif</p>
                                                    </div>
                                                    <div class="quote-date">
                                                        <p class="date-block">Quotation ID: {{$row->id}}</p>
                                                        <p class="date-block">{{date('d-m-Y',strtotime($row->created_at))}}</p>
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                                                                        @if($row->getServiceProviders)
                                                        @foreach($row->getServiceProviders as $k => $v)
                                                            @if(isset($v->getSpUser))
                                                                <div class="quotation-list">                
                                                                    <div class="quotation-list-pic">  
                                                                        <img src="@if(isset($v->getSpUser->avatar_location)){{url('storage/'.$v->getSpUser->avatar_location)}}@else{{'img/no-image.jpg'}}@endif" alt="">
                                                                    </div>
                                                                    <div class="quotation-list-details">
                                                                        <h3>@if(isset($v->getSpUser)){{$v->getSpUser->first_name.' '.$v->getSpUser->last_name}}@endif</h3>
                                                                        <p class="rating-block">@if(isset($v->getSpUser->rating)){{number_format($v->getSpUser->rating,1)}}@endif <i class="fa fa-star"></i></p>
                                                                    </div>
                                                                    <div class="quotation-price">
                                                                        <a href="{{url('my-quotation-details/'.base64_encode($row->id).'/'.base64_encode($v->getSpUser->id))}}"><i class="fa fa-chevron-right"></i></a>
                                                                    </div>
                                                                </div><!-- quotation-list -->
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @else
                                    <div class="card card-block">
                                            <div class="card-header">
                                                No upcoming quotations found..
                                            </div>
                                    </div>
                                @endif
                            </div>
                        
                            <div class="tab-pane fade text-align form-new" id="completed" role="tabpanel" aria-labelledby="completed-tab">
                                @if(count($completedquotations)>0)
                                    @foreach($completedquotations as $row)
                                        @if(count($row->getServiceProviders)>0)
                                            <div class="card card-block">
                                                <div class="card-header">
                                                    <div class="quote-header">
                                                        <h3>@if(isset($row->service_name)){{$row->service_name}}@endif</h3>
                                                        <p class="address"> <i class="fa fa-map-marker"></i> @if(isset($row->city_name)){{$row->city_name}}@endif</p>
                                                    </div>
                                                    <div class="quote-date">
                                                        <p class="date-block">Quotation ID: {{$row->id}}</p>
                                                        <p class="date-block">{{date('d-m-Y',strtotime($row->created_at))}}</p>
                                                    </div>
                                                </div>
                                                <div class="card-body">
                                                                                                        @if($row->getServiceProviders)
                                                        @foreach($row->getServiceProviders as $k => $v)
                                                            @if(isset($v->getSpUser))
                                                                <div class="quotation-list">                
                                                                    <div class="quotation-list-pic">  
                                                                        <img src="@if(isset($v->getSpUser->avatar_location)){{url('storage/'.$v->getSpUser->avatar_location)}}@else{{'img/no-image.jpg'}}@endif" alt="">
                                                                    </div>
                                                                    <div class="quotation-list-details">
                                                                        <h3>@if(isset($v->getSpUser)){{$v->getSpUser->first_name.' '.$v->getSpUser->last_name}}@endif</h3>
                                                                        <p class="rating-block">@if(isset($v->getSpUser->rating)){{number_format($v->getSpUser->rating,1)}}@endif <i class="fa fa-star"></i></p>
                                                                    </div>
                                                                    <div class="quotation-price">
                                                                        <a href="{{url('my-quotation-details/'.base64_encode($row->id).'/'.base64_encode($v->getSpUser->id))}}"><i class="fa fa-chevron-right"></i></a>
                                                                    </div>
                                                                </div><!-- quotation-list -->
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @else
                                    <div class="card card-block">
                                            <div class="card-header">
                                                No completed quotations found..
                                            </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div><!-- quotation-tab -->
                </div><!-- container-fluid -->
        </div><!-- main-content -->
    </div><!-- row -->
@endsection