@extends('website.layouts.index')
@section('content')
    <div class="bg-img">
        <img src="{{asset('assets/img/bg/work-bg-03.png')}}" alt="img" class="bgimg1">
        <img src="{{asset('assets/img/bg/work-bg-03.png')}}" alt="img" class="bgimg2">
        <img src="{{asset('assets/img/bg/feature-bg-03.png')}}" alt="img" class="bgimg3">
    </div>

    <!-- Breadcrumb -->
    <div class="breadcrumb-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <h2 class="breadcrumb-title">Service Details</h2>
                    <nav aria-label="breadcrumb" class="page-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('user.services')}}">Services</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Service Details</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="content">

        <div class="container">
            <div class="row">

                <!-- Service Profile -->
                <div class="col-md-8">
                    <div class="serv-profile">
                        <h2>{{$booking->title}}</h2>
                        <ul>
                            <li>
                                <span class="badge">Home Clean</span>
                            </li>
                            <li class="service-map"><i class="feather-map-pin"></i> {{$booking->address}}</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="serv-action">
                        <ul>
                            <li>
                                <a href="#"><i class="feather-heart"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- /Service Profile -->
            </div>

            <div class="row">

                <!-- Service Details -->
                <div class="col-lg-8">
                    <div class="service-wrap">
                        <h5>Service Details</h5>
                        <p>{{$booking->description}}</p>
                    </div>
                    @if(isset($booking->accepted_request))
                    <div class="service-wrap provide-service">
                        <h5>Service Provider</h5>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="provide-box">
                                    <img src="{{asset($booking->accepted_request->user->profile_image ?? 'assets/img/user.png')}}" class="img-fluid" alt="img">
                                    <div class="provide-info">
                                        <h6>Member Since</h6>
                                        <div class="serv-review"><i class="fa-solid fa-star"></i> <span>4.9 </span>(255
                                            reviews)</div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="provide-box">
                                    <span><i class="feather-user"></i></span>
                                    <div class="provide-info">
                                        <h6>Member Since</h6>
                                        <p>{{\Carbon\Carbon::parse($booking->accepted_request->user->created_at)->format('F Y')}}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="provide-box">
                                    <span><i class="feather-map-pin"></i></span>
                                    <div class="provide-info">
                                        <h6>Address</h6>
                                        <p>{{$booking->accepted_request->user->address}}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="provide-box">
                                    <span><i class="feather-mail"></i></span>
                                    <div class="provide-info">
                                        <h6>Email</h6>
                                        <p>{{$booking->accepted_request->user->email}}</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="provide-box">
                                    <span><i class="feather-phone"></i></span>
                                    <div class="provide-info">
                                        <h6>Phone</h6>
                                        <p>{{$booking->accepted_request->user->mobile_no}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(!isset($booking->accepted_request))
                    <div class="service-wrap">
                        <h5>Requests</h5>
                        <ul>
                            @foreach ($booking->service_requests as $request)
                            <li class="review-box">
                                <div class="review-profile">
                                    <div class="review-img">
                                        <img src="{{asset('assets/img/profiles/avatar-02.jpg')}}" class="img-fluid" alt="img">
                                        <div class="review-name">
                                            <h6>{{$request->user->first_name}}</h6>
                                        </div>
                                    </div>
                                    <div class="rating">
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                    </div>
                                </div>
                                <h5 class="my-1">${{$request->offered_amount}}</h5>
                                <p>{{$request->message}}</p>
                                <div class="recommend-item">
                                    <div class="recommend-info">
                                        @if($request->status == 'rejected')
                                        <p class="text-danger">Offer Rejected</p>
                                        @else
                                        <a href="{{route('user.update-request',['type'=>'accepted','id'=>$request->id])}}" class="text-bg-success"><i class="feather-thumbs-up"></i> Accept</a>
                                        <a href="{{route('user.update-request',['type'=>'rejected','id'=>$request->id])}}" class="text-bg-danger"><i class="feather-thumbs-down"></i> Reject</a>
                                        @endif
                                    </div>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                        {{-- <div class="text-center">
                            <a href="customer-reviews.html" class="btn btn-primary btn-review">View All Reviews</a>
                        </div> --}}
                    </div>
                    @endif
                </div>
                <!-- /Service Details -->

                <div class="col-lg-4 theiaStickySidebar">

                    <!-- Service Availability -->
                    <div class="card card-provide mb-0">
                        <div class="card-body">
                            <div class="provide-widget">
                                <div class="service-amount">
                                    <h5>${{number_format($booking->amount, 2, '.', ',');}}</h5>
                                </div>
                            </div>
                            <div class="package-widget">
                                <h5>Available Service Packages</h5>
                                <ul>
                                    <li>{{$booking->story}} Storey</li>
                                    <li>{{$booking->bedroom}} Bedroom</li>
                                    <li>{{$booking->bathroom}} Bathrooms</li>
                                    @foreach ($booking->extras as $extra)
                                        <li>{{$extra->name}}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection