@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2 d-flex justify-content-between align-items-center w-100 ">
        <div>
            @if($view === 'ot') {{ __('navigation.customerabos') }} @endif
            @if($view === 'me') {{ __('navigation.myabos') }} @endif
            / {{ __('navigation.overview') }}
        </div>
    </h4>

    @if(isset($chartData))
        @include('user.abo._abo_chart')
    @endif

    <div class="row">
        <div class="col-12">

            @if(!$user_abos || $user_abos->isEmpty())
            <div class="card mb-4">
                <div class="card-body pb-2">
                    <div class="row">
                        <div class="col-sm-12">
                            <h5>{{ __('abo.abo_delivery') }}</h5>

                        </div>
                        <hr class="m-0">

                        <div class="col-sm-12 mb-4">
                            <a href="{{ route('user_order_my_delivery', ['abo-me']) }}"  class="btn btn-secondary rounded-pill">
                                <span class="ion ion-md-add"></span>&nbsp; {{ __('abo.add_new_abo') }} </a>
                        </div>
                    </div>
                </div>
            </div>
            @endif
     
            @foreach($user_abos as $user_abo)
            <div class="card mb-4">
                <div class="card-body pb-2">
                    <div class="row">
                        <div class="col-sm-6">
                            <h5 class="mb-1">
                                <a href="{{ route('user_abos_detail', [$view, $user_abo->id]) }}">
                                    {{  __('navigation.abo') }} <span class="text-muted">{{ '#'.$user_abo->payone_userid }}</span>
                                </a>
                            </h5>
                        </div>
                        <div class="col-sm-6 text-right">
                            <a href="{{ route('user_abos_detail', [$view, $user_abo->id]) }}"  class="btn btn-sm btn-secondary float-right">
                                <span class="fa fa-edit"></span>{{ __('abo.abo_details') }}
                            </a>
                        </div>
                    </div>
                </div>
                <hr class="m-0">
                <div class="card-body pb-1">
                    <div class="row">
                        <div class="col-md-3 mb-2">
                            <div class="text-muted small">{{ __('tables.start_date') }}</div>
                            <div class="font-weight-bold">{{ $user_abo->start_date }}</div>
                        </div>
                        <div class="col-md-3 mb-2">
                            <div class="text-muted small">{{ __('tables.next_date') }} </div>
                            <div class="font-weight-bold">{{ $user_abo->next_date }}</div>
                        </div>
                        <div class="col-md-3 mb-2">
                            <div class="text-muted small">{{ __('tables.abo_delivery_day') }}</div>
                            <div class="font-weight-bold">{{ \App\Services\HTMLHelper::getAboStrLang($user_abo->abo_interval) }}</div>
                        </div>
                        <div class="col-md-3 mb-2">
                            <div class="text-muted small">{{ __('tables.last_date') }}</div>
                            <div class="font-weight-bold">{{ $user_abo->last_date }}</div>
                        </div>
                    </div>
                </div>
                <hr class="m-0">
                <div class="card-body pb-1">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('tables.status') }} / {{ __('tables.active') }}</div>
                            {!! $user_abo->getStatusFormated()  !!} &nbsp;{!! get_active_badge($user_abo->active) !!}
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('tables.abo_delivery') }}</div>
                            {{ $user_abo->getCountOrders() }}
                        </div>
                        <div class="col-md-3 mb-3">
                            @if($view === 'ot')
                                <div class="text-muted small">{{ __('navigation.points') }}</div>
                                <strong class="text-primary">{{ $user_abo->getFormattedTotalPoints() }} Pkt.</strong>
                            @else
                                <div class="text-muted small">{{ __('tables.amount') }}</div>
                                {{ $user_abo->getFormattedAmount() }} €
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('tables.payment') }}</div>
                            {{ $user_abo->getPaymentType() }}
                        </div>
                    </div>
                </div>
                @if($view === 'ot')
                <hr class="m-0">
                <div class="card-body pb-1">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('First name') }}</div>
                            @if($user_abo->shopping_user)
                                {{ $user_abo->shopping_user->billing_firstname }}
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('Last name') }}</div>
                            @if($user_abo->shopping_user)
                                {{ $user_abo->shopping_user->billing_lastname }}
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('E-Mail') }}</div>
                            @if($user_abo->shopping_user)
                                {{ $user_abo->shopping_user->billing_email }}
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('tables.customer') }}</div>
                            @if($user_abo->shopping_user)
                                <a class="btn btn-sm btn-secondary" href="{{ route('user_customer_detail', $user_abo->shopping_user->id) }}"><i class="fa fa-edit"></i></a>
                            @endif
                     
                        </div>
                    </div>
                </div>
                @endif
            </div>
            @endforeach
        </div>
    </div>
@endsection