@extends('user.layouts.main')
@push('style')
<style>
    .text-details-content {
        grid-template-columns: 120px auto !important;
    }
</style>

@endpush

@section('contents')
@php
    $timePosted = strtotime($service->created_at);
    $timeDifference = time() - $timePosted;

    if ($timeDifference < 60) {
        $timeElapsed = $timeDifference . ' seconds ago';
    } elseif ($timeDifference < 3600) {
        $minutes = floor($timeDifference / 60);
        $timeElapsed = $minutes . ' minutes ago';
    } elseif ($timeDifference < 86400) {
        $hours = floor($timeDifference / 3600);
        $timeElapsed = $hours . ' hours ago';
    } else {
        $days = floor($timeDifference / 86400);
        $timeElapsed = $days . ' days ago';
    }
@endphp
    <div class="dashboard_wrapper border_start p-3">
        <div class="bg-white px-3 py-2">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="card-title my-2"> View Requested Service </h5>
                <div>
                    <a href="{{route('user.service_list')}}" class="btn btn-sm btn-primary border-0"> Request List </a>
                    <a href="{{route('user.s_provider')}}" class="btn btn-sm btn-primary border-0"> Back </a>
                </div>
            </div>
        </div>
        <div class="user_wrapper">
            <div class="row g-3 gy-md-0 mb-4">
                <div class="col-sm-6 col-md-6 col-lg-8 my-3">
                    <div class="card dashboard_card px-3 py-3 border-0 rounded-2 position-relative">
                        <div class="content">
                            <div class="d-flex justify-content-between align-items-center">
                                @if ($service->status == '4' || $service->status == '1')
                                    <div class="fs-5 text-uppercase text-danger fw-bold mb-3"> Service Closed </div>
                                @else
                                    <div class="fs-5 text-uppercase fw-bold"> Bid Ongoing </div>
                                @endif
                                {{-- <div class="fs-5 text-uppercase fw-bold"> Bid Ongoing </div> --}}
                                <div class="fs-6 bg-pm rounded text-white d-inline-block px-3 py-1"> {{$timeElapsed}} </div>
                            </div>
                            @if ($service->status != '4' && $service->status != '1')
                                <div class="progress-bar my-3">
                                    <div class="progress-bar-value"></div>
                                </div>
                            @endif
                            <div class="title text-nowrap fs-6 mb-1"> Service ID: #{{$service->service_id}} </div>
                            <h2 class="text-nowrap fs-5 mb-3 theme-color fw-bold"> {{$service->service_title}} </h2>
                            <div class="text-details-content">
                                <span class="fw-bold"> Category: </span>
                                <span> {{$service->serviceCategory->name}} </span>

                                <span class="fw-bold"> Requested Date: </span>
                                <span> {{date('d M Y', strtotime($service->request_date))}} </span>

                                <span class="fw-bold"> Requested Time: </span>
                                <span> {{$service->request_time}} </span>

                                <span class="fw-bold"> Approx Rate: </span>
                                <span> {{$service->service_rate}} KSh </span>

                                <span class="fw-bold"> City: </span>
                                <span> {{$service->city}} </span>

                                <span class="fw-bold"> Location: </span>
                                <span> {{$service->location}} </span>

                                @if ($service->special_note)
                                    <span class="fw-bold">  Special Note: </span>
                                    <span> {{$service->special_note}} </span>
                                @endif

                                <span class="fw-bold">  Description: </span>
                                <span> {{$service->service_description}} </span>
                            </div>

                            {{-- <div class="mt-3">
                                <a href="{{route('user.s_provider')}}" class="btn btn-sm btn-danger w-100 border-0"> Cancel </a>
                            </div> --}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-6 col-lg-4 my-3">
                    <div class="card dashboard_card px-3 py-3 border-0 rounded-2 position-relative">
                        @if($userBid)
                            @if($userBid->status == 'accepted')
                                <div class="alert alert-success p-3">
                                    <h5 class="fs-5 text-success mb-2">
                                        Congratulations! You have been selected for this service.
                                    </h5>
                                    <ul class="list-unstyled mb-0">
                                        <li><strong>Bid Amount:</strong> {{ number_format($userBid->bid_amount, 2) }} KSh</li>
                                        <li><strong>Date:</strong> {{ date('d M Y', strtotime($userBid->created_at)) }}</li>
                                    </ul>
                                </div>
                            @elseif ($userBid->status == 'rejected')
                                <div class="alert alert-success p-3">
                                    <h5 class="fs-5 text-danger mb-2">
                                        Sorry, your bid was not selected for this service.
                                    </h5>
                                    <p class="mb-0">Keep bidding on other services for more opportunities!</p>
                                    <ul class="list-unstyled mb-0">
                                        <li><strong>Bid Amount:</strong> {{ number_format($userBid->bid_amount, 2) }} KSh</li>
                                        <li><strong>Date:</strong> {{ date('d M Y', strtotime($userBid->created_at)) }}</li>
                                    </ul>
                                </div>
                            @else
                                <div class="alert alert-success p-3">
                                    <h5 class="fs-5 text-success mb-2">
                                        You have already placed a bid!
                                    </h5>
                                    <ul class="list-unstyled mb-0">
                                        <li><strong>Bid Amount:</strong> {{ number_format($userBid->bid_amount, 2) }} KSh</li>
                                        <li><strong>Date:</strong> {{ date('d M Y', strtotime($userBid->created_at)) }}</li>
                                    </ul>
                                </div>
                            @endif
                            {{-- <form action="{{ route('user.updateBid') }}" method="post">
                                @csrf
                                <input type="hidden" name="bid_id" value="{{ $userBid->id }}">
                                <div class="mb-3">
                                    <label for="price" class="form-label"> Update Your Bidding Price </label>
                                    <input type="text" class="form-control" id="price" name="bid_amount" value="{{ $userBid->bid_amount }}" placeholder="Enter Price Amount">
                                </div>

                                <div class="text-center">
                                    <button type="submit" class="btn btn-primary btn-sm w-100 border-0"> Update Bid </button>
                                </div>
                            </form> --}}
                        @else
                            @if($totalBids > 0)
                                <h5 class="mb-3 fs-6">
                                    {{$totalBids}} participants have already joined. You can still participate in the bid.
                                </h5>
                            @else
                                <h5 class="mb-3 fs-6 text-muted">
                                    No participants have placed a bid yet. Be the first to join!
                                </h5>
                            @endif

                            <form action="{{route('user.makeBids')}}" method="post">
                                @csrf
                                <input type="hidden" name="user_id" value="{{auth()->id()}}">
                                <input type="hidden" name="service_id" value="{{$service->id}}">
                                <div class="mb-3">
                                    <label for="price" class="form-label"> Set Your Biding Price (KSh) <span class="text-danger">*</span> </label>
                                    <input type="text" class="form-control" id="price" name="bid_amount" placeholder="Enter Price Amount" required>
                                </div>

                                <div class="text-center">
                                    <button type="submit" class="btn btn-primary btn-sm w-100 border-0"> Participate in Bid </button>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection