@extends(Auth::user()->extender())
@section('title'){{__('Products and ')}} {{ __('Pricing') }} @endsection
@section('content')
@include('includes.page_header',['title'=>__('Products and ')." ".
__('Pricing'),'url'=>route(Auth::user()->user_dashboard()),'icon'
=> $icon??'','permission'=>'PriorityRoute-view'])

<!-- Include jQuery -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css">

<div class="row">
    <div class="col-md-12">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="display" id="product-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Country</th>
                                        <th>Currency</th>
                                        <th>Operator</th>
                                        <th>Product</th>
                                        {{-- <th>Image</th> --}}
                                        <th>Price</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($products as $key=>$product)
                                    <tr>
                                        <td>{{$key+1}}</td>
                                        <td>{{$product->country->name??''}}</td>
                                        <td>{{Auth::user()->myBasicCurrency()->code}}</td>
                                        <td>{{$product->operator->name}}</td>
                                        <td>{{$product->title}}</td>
                                        {{-- <td>{{$product->image}}</td> --}}
                                        <td>{{Auth::user()->myNumberFormat($product->price)}}</td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="6">No products found</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script>
    new DataTable('#product-table', {
            pagingType: 'full_numbers'
        });
</script>

@endsection