@extends('layout')
@section('title', 'Orders List')
@section('content')
 @if(session('customer_id'))
<nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page"> {{ __('text.order') }} {{ __('text.list') }}</li>
  </ol>
</nav>
@endif
<div class="container">
    <div class="row">
        <h2>Order List</h2>
        <table class="table">
            <thead>
                <tr>
                    <th>{{ __('text.order')}} {{ __('text.id')}}</th>
                    <th>{{ __('text.name') }}</th>
                  <th>{{ __('text.order_date') }}</th>
                  <th>{{ __('text.status') }}</th>
                  <th>{{ __('text.action')}}</th>
                </tr>
            </thead>
            <tbody>
               
                @forelse($products as $index => $item)
                <tr>
                     <td>{{ $item->order_id }}</td>
                    <td>{{ $item->first_name }} {{ $item->last_name }}</td>
                     <td class="sub_total">{{ $item->date_added}}</td>
                    <td>
                                                    @if($item->status == 0)
                                                        <span style="color: red;">{{ __('text.pending') }}</span>
                                                    @elseif($item->status == 1)
                                                        <span style="color: green;">{{ __('text.complete') }}</span>
                                                    @endif
                                                </td>
                                                 <td>
                                                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#productModal{{ $item->order_id }}">
                                                        {{ __('text.views') }}
                                                    </button></td>
                  <div class="modal fade" id="productModal{{ $item->order_id }}" tabindex="-1" aria-labelledby="productModalLabel{{ $item->order_id }}" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="productModalLabel{{ $item->order_id }}">{{ __('text.products') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p><strong>{{ __('text.product') }} {{ __('text.name') }}:</strong> {{ $item->name }}</p>
                        <p><strong>{{ __('text.image') }}:</strong>
                            @if($item->image)
                                <img src="{{ asset('public/storage/product/'.$item->image) }}" alt="Product Image" style="width: 150px;">
                            @else
                                <img src="{{ asset('/public/storage/blog/no imge.jpg') }}" alt="Product Image" style="width: 150px;">
                            @endif
                        </p>
                        <p><strong>{{ __('text.price') }}:</strong>@if(session('currency_id'))
                        {{ session('currency_symbol') }}
                 @php
            $currencyValue = session('value') ?? 1; 
            $totalPrice = $currencyValue * $item->price;
        @endphp
          {{ $totalPrice }}</p>
                        @else
                        {{$symbol}} {{$item->price}}</p>
                        @endif 
                        
                        <p><strong>{{ __('text.address') }}:</strong> {{ $item->address }}, 
                        {{ $item->city }}, {{ $item->state }}, {{ $item->country }}, {{ $item->zip_code }}</p>
                        <p><strong>{{ __('text.quantity') }}:</strong> {{ $item->quantity }}</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('text.close') }}</button>
                    </div>
                </div>
                    </div>
                </div>
            </tr>
                 @empty
        <tr>
            <td colspan="7" class="text-center">{{ __('text.no_records_found') }}</td>
        </tr>
    @endforelse
            </tbody>
        </table>

    </div>
</div>

@endsection