@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($order_details->isNotEmpty())
                            <div class="table-responsive">
                                <table class="table ">
                                    <thead>
                                    <tr>
                                        <th>{{ __('orders::orders.order_id') }}</th>
                                        <th>{{ __('orders::orders.order_date') }}</th>
                                        <th> {{ __('orders::orders.status') }}</th>
                                        <th> {{ __('orders::orders.product_name') }}</th>
                                        <th> {{ __('orders::orders.total') }}</th>
                                        <th> {{ __('orders::orders.zip_file') }}</th>
                                        <th> {{ __('orders::orders.payment_status') }}</th>
                                        {{-- <th></th> --}}
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($order_details as $order_detail)
                                        <tr>
                                            <td> #{{ $order_detail->order->id }}</td>
                                            <td> {{ $order_detail->order->translated_date_format }}</td>
                                            <td> {{ $order_detail->order->getStatusText() }}</td>
                                            <td> {{ $order_detail->product->title }}</td>
                                            <td>
                                                {{ format_number($order_detail->converted_amounts['total'] ?? 0) ." ".$order_detail->order->currency_code }}
                                                <img src="{{asset('assets/web/images/sar.png')}}" class="sar " alt=""/> 
                                            </td>
                                            @if($order_detail->order->payment_status == 1 && $order_detail->product->zip_file)
                                                <td> <a href="{{ asset('storage/'.$order_detail->product->zip_file) }}" target="_blank">
                                                        {{ __('orders::orders.download_file')}}
                                                    </a> 
                                                </td>
                                            @else
                                              <td> -- </td>
                                            @endif
                                            
                                            <td><span
                                                    class="badge primary_badge"> {{ __("orders::orders.payment_status_".$order_detail->order->payment_status) }}  </span>
                                            </td>
                                            {{-- <td>
                                                <a href="#" 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