@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="profile_pg section">
            <div class="container">
                <div class="row">
                    <div class="tab_wrapper courses_tab col-lg-10 mx-auto">
                        <h2 class="title_w_shape w-fit mx-auto mb-5"><span> {{ $title }} </span></h2>
                        @if($serviceRequests->isNotEmpty())
                            <div class="table-responsive">
                                <table class="table ">
                                    <thead>
                                    <tr>
                                        <th> {{ __('orders::orders.order_id') }}</th>
                                        <th> {{ __('servicerequests::service_requests.service_name') }}</th>
                                        <th> {{ __('servicerequests::service_requests.price') }}</th>
                                        <th> {{ __('orders::orders.status') }}</th>
                                        <th> {{ __('orders::orders.payment_status') }}</th>
                                        <th> {{ __('orders::orders.order_date') }}</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($serviceRequests as $serviceRequest)
                                        <tr>
                                            <td> #{{ $serviceRequest->id }}</td>
                                            <td> {{ $serviceRequest->service->currentDescription->title ?? "" }}</td>
                                            <td>
                                                {{ format_number($serviceRequest->converted_amounts['total'] ?? 0) ." ".$serviceRequest->currency_code }}
                                                 <img src="{{asset('assets/web/images/sar.png')}}" class="sar " alt=""/> 
                                            </td>
                                            <td><span class="badge primary_badge"> {{ $serviceRequest->getStatusText() }}  </span></td>
                                            <td><b> {{ __("orders::orders.payment_status_$serviceRequest->payment_status") }} </b></td>
                                            <td>{{ $serviceRequest->translated_date_format }}</td>
                                            <td>
                                                <a href="{{ route('web.service-requests.show', $serviceRequest->id) }}" class="primary_border_butn butn sm_butn rounded-circle ">
                                                    <i class="fa-regular fa-info mx-0"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="col-lg-12">
                                <div class="alert alert-info text-center">{{ __('general.no_results') }}</div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush