@extends('portal.layouts.layout-2')

@section('content')

    @if ($errors->any())
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif

    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.my_orders') }}
    </h4>
    <div class="card">
       
        <div class="card-datatable table-responsive"> 
            <table class="table table-striped table-bordered" style="min-width:550px;" id="datatables-orders">
                <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('tables.date')}}</th>
                    <th>{{__('tables.amount')}}</th>
                    <th>{{__('tables.status')}}</th>
                    <th>{{__('tables.shipping')}}</th>
                    <th>{{__('tables.firstname')}}</th>
                    <th>{{__('tables.lastname')}}</th>
                    <th>{{__('tables.email')}}</th>
                    <th>{{__('tables.invoice')}}</th>
                    <th>{{__('tables.art')}}</th>
                </tr>
                </thead>
                <tbody>
                @if($shopping_user->shopping_order)
                @forelse($shopping_user->getAllOrdersByMember() as $shopping_order)
                    <tr>
                        <td>
                            <a href="{{ route('portal.my_orders.show', $shopping_order->id) }}" 
                               class="btn icon-btn btn-sm btn-primary">
                                <span class="fa fa-eye"></span>
                            </a>
                        </td>
                        <td>{{ $shopping_order->created_at->format('d.m.Y') }}</td>
                        <td>
                            <span class="no-line-break">
                                {{ $shopping_order->getFormattedTotalShipping() }} €
                            </span>
                        </td>
                        <td>{!! \App\Services\Payment::getShoppingOrderBadge($shopping_order) !!}</td>
                        <td>
                            <span class="badge badge-pill badge-{{ $shopping_order->getShippedColor() }}">
                                {{ $shopping_order->getShippedType() }}
                            </span>
                        </td>
                        <td>{{ $shopping_order->shopping_user->billing_firstname }}</td>
                        <td>{{ $shopping_order->shopping_user->billing_lastname }}</td>
                        <td>{{ $shopping_order->shopping_user->billing_email }}</td>
                        <td>{{ $shopping_order->isInvoice() ? '<span class="no-line-break"><a href="'.route('storage_file', [$shopping_order->id, 'invoice', 'download']).'" class="btn btn-primary btn-xs"><i class="fa fa-download"></i></a> 
                    <a href="'.route('storage_file', [$shopping_order->id, 'invoice', 'stream']).'" target="_blank" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></span>' : '-';
                        }}</td>
                        <td>{!! \App\Services\Payment::getPaymentForBadge($shopping_order) !!}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center">{{ __('order.no_orders_found') }}</td>
                    </tr>
                @endforelse
                @endif
                </tbody>
            </table>
        </div>
    </div>

            
@endsection

@section('scripts')
    <script>
        $( document ).ready(function() {
            $('#datatables-orders').DataTable({ 
                "bLengthChange": false,
                "iDisplayLength": 50,
                "order": [[ 1, "desc" ]],
                "language": {
                    "url": "/js/datatables-{{ \App::getLocale() }}.json"
                }
            });
        });
    </script>
@endsection