@extends('frontend.client.dashboard.dashboard_template')

@section('client_dashboard_content')

<div class="tab-pane fade show active" id="overviewTab" role="tabpanel">
    <h2 class="small-title">Overview</h2>
    <div class="mb-5">
        <div class="row">
            @foreach($userRequestedServiceRequests as $requestedServiceRequest)
            <div class="col-sm-4">
                <div class="card mb-5 text-center">
                    <div class="card-body">
                        <h4 class="card-title">{{ $requestedServiceRequest->Service->service_name }}</h4>
                        {{-- <p class="card-text"></p> --}}
                        <p class="card-text">
                            <strong>ID : </strong>
                            SR#0000                        </p>
                        <p class="card-text">
                            <strong>Current Status : </strong>
                                                    </p>
                        <p class="card-text"></p>
                        <p class="card-text"><strong>Requested Date : </strong>{{ date('Y-m-d H:i:s', strtotime($requestedServiceRequest->created_at)) }}</p>
                        <p class="card-text"><strong>Last Updated Date : </strong>{{ date('Y-m-d H:i:s', strtotime($requestedServiceRequest->updated_at)) }}</p>
                        <a href="{{ route('client-service-request-requested-services') }}" class="btn btn-primary">View More</a>
                    </div>
                </div>
            </div>

            @endforeach
        </div>
    </div>
</div>

@endsection