@extends('layouts.admin')
@section('content')

<div class="content">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    Dashboard
                </div>

                <div class="card-body">
                    @if(session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    <div class="row">

                    @foreach([$settings2_1, $settings2_2, $settings2_3, $settings2_4] as $setting)
                        <div class="{{ $setting['column_class'] }}">
                            <div class="info-box {{ $loop->index == 0 ? 'bg-info' : ($loop->index == 1 ? 'bg-success' : ($loop->index == 2 ? 'bg-warning' : 'bg-danger')) }}">
                                <span class="info-box-icon bg-red" style="display:flex; flex-direction: column; justify-content: center;">
                                    @if($setting['chart_title'] == 'In China Warehouse')
                                        <i class="fas fa-box"></i>
                                    @elseif($setting['chart_title'] == 'In Transit to Batam')
                                        <i class="fa fa fa-plane"></i>
                                    @elseif($setting['chart_title'] == 'In Batam Warehouse')
                                        <i class="fa fa-warehouse"></i>
                                    @else
                                        <i class="fa fa-shipping-fast"></i>
                                    @endif
                                </span>

                                <div class="info-box-content">
                                    <span class="info-box-text">{{ $setting['chart_title'] }}</span>
                                    <span class="info-box-number" style="font-size:24px;">{{ number_format($setting['total_number']) }}</span>
                                </div>
                                <!-- /.info-box-content -->
                            </div>
                            <!-- /.info-box -->
                        </div>
                    @endforeach

                        {{-- Widget - latest entries --}}
                        <div class="{{ $settings1['column_class'] }}" style="overflow-x: auto;">
                            <h5>{{ $settings1['chart_title'] }}</h5>
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        @foreach($settings1['fields'] as $key => $value)
                                            <th>
                                                {{ trans(sprintf('cruds.%s.fields.%s', $settings1['translation_key'] ?? 'pleaseUpdateWidget', $key)) }}
                                            </th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($settings1['data'] as $entry)
                                        <tr>
                                            @foreach($settings1['fields'] as $key => $value)
                                                <td>
                                                    @if($value === '')
                                                        {{ $entry->{$key} }}
                                                    @elseif(is_iterable($entry->{$key}))
                                                        @foreach($entry->{$key} as $subEentry)
                                                            <span class="label label-info">{{ $subEentry->{$value} }}</span>
                                                        @endforeach
                                                    @else
                                                        @if($key == 'marking_code')
                                                            {{ $entry->marking_code }}
                                                        @else
                                                            {{ data_get($entry, $key . '.' . $value) }}
                                                        @endif
                                                    @endif
                                                </td>
                                            @endforeach
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="{{ count($settings1['fields']) }}">{{ __('No entries found') }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
@endsection