@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>
            {{ __('abo.team_subscriptions') }} / {{ __('navigation.overview') }}
        </div>
    </h4>

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

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

            @if(!$abos || $abos->isEmpty())
            <div class="card mb-4">
                <div class="card-body pb-2">
                    <div class="row">
                        <div class="col-sm-12">
                            <h5>{{ __('abo.team_subscriptions') }}</h5>
                            <p class="text-muted">{{ __('tables.no_data_available') }}</p>
                        </div>
                    </div>
                </div>
            </div>
            @endif
     
            @foreach($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_team_detail', [$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_team_detail', [$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">
                            <div class="text-muted small">{{ __('navigation.points') }}</div>
                            <strong class="text-primary">{{ $user_abo->getFormattedTotalPoints() }} Pkt.</strong>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('tables.payment') }}</div>
                            {{ $user_abo->getPaymentType() }}
                        </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">{{ __('First name') }}</div>
                            @if($user_abo->user && $user_abo->user->account)
                                {{ $user_abo->user->account->first_name }}
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('Last name') }}</div>
                            @if($user_abo->user && $user_abo->user->account)
                                {{ $user_abo->user->account->last_name }}
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('E-Mail') }}</div>
                            @if($user_abo->user)
                                {{ $user_abo->user->email }}
                            @endif
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="text-muted small">{{ __('tables.adviser') }}</div>
                            @if($user_abo->user && $user_abo->user->account)
                            <a href="#" class="text-black" data-toggle="modal" 
                            data-target="#modals-load-content" 
                            data-id="{{ $user_abo->user->id }}" 
                            data-action="business-user-show" 
                            data-back="" 
                            data-modal="modal-md" 
                            data-init_from="member" 
                            data-route=" {{ route('modal_load') }}">
                            <span class="mr-1 ion ion-ios-contact"></span> {{ $user_abo->user->account->first_name }} {{ $user_abo->user->account->last_name }} </a>

                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
@endsection