@extends('user.layouts.main')

@section('contents')
    <div class="dashboard_wrapper border_start p-3">
        <div class="bg-white px-3 py-2 border-bottom">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="card-title my-2"> View Service Status </h5>
                <a href="{{route('user.s_provider')}}" class="btn btn-sm btn-primary border-0"> Back </a>
            </div>
        </div>
        <div class="user_wrapper">
            <div class="card dashboard_card px-3 py-3 border-0 rounded-2 position-relative">
                <div class="content">
                    <div class="mb-3">
                        <div class="fs-4 text-uppercase fw-bold text-danger"> Service Is Cancel </div>
                        <div class="fs-4 text-uppercase fw-bold text-warning"> Service Is Currently Pending </div>
                        <div class="fs-4 text-uppercase fw-bold text-success"> Service Completed Successfully </div>
                    </div>

                    <h4 class="title text-nowrap fs-6 mb-1"> Service ID: #0877 </h4>
                    <h2 class="text-nowrap fs-5 mb-3 theme-color fw-bold"> I Want to clean my house window </h2>
                    <div class="text-details-content">
                        <span class="fw-bold"> Category: </span>
                        <span> Window Clean </span>

                        <span class="fw-bold"> Selected Date: </span>
                        <span> 04 Dec 2024 </span>

                        <span class="fw-bold"> Selected Time: </span>
                        <span> 02.00pm </span>

                        <span class="fw-bold"> Approx Rate: </span>
                        <span> 800 KSh </span>

                        <span class="fw-bold"> Selected City: </span>
                        <span> Nairobi </span>

                        <span class="fw-bold"> Location: </span>
                        <span> Westlands, Nairobi </span>

                        <span class="fw-bold">  Special Note: </span>
                        <span> Urgent </span>

                        <span class="fw-bold">  Description: </span>
                        <span> I would like to have all the windows in my house cleaned. There are a total of 17 windows, and I need both the inside and outside surfaces cleaned thoroughly. The windows vary in size, and some are harder to reach, so proper tools and equipment may be required. Please let me know the estimated cost and availability for the service. </span>

                        <span class="fw-bold"> Customer: </span>
                        <div class="biding-item border p-2 rounded d-flex justify-content-between align-items-center position-relative">
                            <div class="media mb-0">
                                <img class="align-self-center rounded-circle img-thumbnail mr-3" src="{{ asset('assets/images/default-user.png') }}" alt="Generic placeholder image">
                                <div class="media-body">
                                    <h5 class="my-0 fs-6"> Jamal Hossain </h5>
                                </div>
                            </div>
                            <div>
                                <a href="{{route('user.service_provider')}}" target="_blank">
                                    <div class="ribbon ribbon-top-right">
                                        <span> Profile </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection