@extends('user.layouts.main')

@section('contents')
    <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 List </h5>
                <a href="{{route('user.s_provider')}}" class="btn btn-sm btn-primary border-0"> Back </a>
            </div>
        </div>
        <div class="user_wrapper services-items border-top mt-3">
            @foreach ($newRequests as $item)
                <div class="p-3 rounded d-flex justify-content-between align-items-end position-relative bg-white mt-3">
                    <div>
                        <h2 class="text-nowrap fs-6 theme-color fw-bold w-100"> {{$item->service_title}} </h2>
                        <div class="text-details-content">
                            <span class="fw-bold"> Category: </span>
                            <span> {{$item->serviceCategory->name}} </span>

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

                            {{-- <span class="fw-bold"> Selected City: </span>
                            <span> {{$item->city}} </span> --}}
                        </div>
                    </div>
                    {{-- <div class="text-details-content">
                        <span class="fw-bold"> Selected Date: </span>
                        <span> {{date('d M Y', strtotime($item->request_date))}} </span>

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

                        <span class="fw-bold">  Special Note: </span>
                        <span> {{$item->special_note}} </span>
                    </div> --}}
                    <div class="btn-container">
                        <a href="{{route('user.requested_service', $item->id)}}" class="btn btn-primary border-0 py-2 px-4 w-100"> View Request </a>
                    </div>
                </div>
            @endforeach
            {{-- <div class="p-3 rounded d-flex justify-content-between align-items-end position-relative bg-white mt-3">
                <div>
                    <h2 class="text-nowrap fs-6 theme-color fw-bold w-100"> 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"> Approx Rate: </span>
                        <span> 800 KSh </span>

                        <span class="fw-bold"> Selected City: </span>
                        <span> Nairobi </span>
                    </div>
                </div>
                <div class="text-details-content">
                    <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">  Special Note: </span>
                    <span> Urgent </span>
                </div>
                <div class="btn-container">
                    <a href="{{route('user.requested_service')}}" class="btn btn-primary border-0 py-2 px-4 w-100"> View Request </a>
                </div>
            </div>
            <div class="p-3 rounded d-flex justify-content-between align-items-end position-relative bg-white mt-3">
                <div>
                    <h2 class="text-nowrap fs-6 theme-color fw-bold w-100"> 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"> Approx Rate: </span>
                        <span> 800 KSh </span>

                        <span class="fw-bold"> Selected City: </span>
                        <span> Nairobi </span>
                    </div>
                </div>
                <div class="text-details-content">
                    <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">  Special Note: </span>
                    <span> Urgent </span>
                </div>
                <div class="btn-container">
                    <a href="{{route('user.requested_service')}}" class="btn btn-primary border-0 py-2 px-4 w-100"> View Request </a>
                </div>
            </div>
            <div class="p-3 rounded d-flex justify-content-between align-items-end position-relative bg-white mt-3">
                <div>
                    <h2 class="text-nowrap fs-6 theme-color fw-bold w-100"> 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"> Approx Rate: </span>
                        <span> 800 KSh </span>

                        <span class="fw-bold"> Selected City: </span>
                        <span> Nairobi </span>
                    </div>
                </div>
                <div class="text-details-content">
                    <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">  Special Note: </span>
                    <span> Urgent </span>
                </div>
                <div class="btn-container">
                    <a href="{{route('user.requested_service')}}" class="btn btn-primary border-0 py-2 px-4 w-100"> View Request </a>
                </div>
            </div>
            <div class="p-3 rounded d-flex justify-content-between align-items-end position-relative bg-white mt-3">
                <div>
                    <h2 class="text-nowrap fs-6 theme-color fw-bold w-100"> 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"> Approx Rate: </span>
                        <span> 800 KSh </span>

                        <span class="fw-bold"> Selected City: </span>
                        <span> Nairobi </span>
                    </div>
                </div>
                <div class="text-details-content">
                    <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">  Special Note: </span>
                    <span> Urgent </span>
                </div>
                <div class="btn-container">
                    <a href="{{route('user.requested_service')}}" class="btn btn-primary border-0 py-2 px-4 w-100"> View Request </a>
                </div>
            </div>
            <div class="p-3 rounded d-flex justify-content-between align-items-end position-relative bg-white mt-3">
                <div>
                    <h2 class="text-nowrap fs-6 theme-color fw-bold w-100"> 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"> Approx Rate: </span>
                        <span> 800 KSh </span>

                        <span class="fw-bold"> Selected City: </span>
                        <span> Nairobi </span>
                    </div>
                </div>
                <div class="text-details-content">
                    <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">  Special Note: </span>
                    <span> Urgent </span>
                </div>
                <div class="btn-container">
                    <a href="{{route('user.requested_service')}}" class="btn btn-primary border-0 py-2 px-4 w-100"> View Request </a>
                </div>
            </div> --}}
        </div>
    </div>

@endsection