@extends('layout.main')
@section('title', 'Laporan Pemeliharaan Kendaraan')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a>
@endsection

@section('content')
    @php
        $isSuperadmin = session('user')->level->id == 4;
    @endphp
    @foreach ($groups as $group)
        <div class="panel panel-flat">
            <div class="panel-heading">
                <h6 class="panel-title">{{ $group->name }}</h6>
            </div>
            <div class="panel-body table-responsive">
                <table class="table table-xxs text-size-small no-border">
                    <thead class="thead-light">
                        <tr>
                            <th data-toggle="true">Kategori</th>
                            <th data-toggle="true">Transaksi Terakhir</th>
                            <th data-toggle="true">Periode</th>
                            <th data-toggle="true">Nilai</th>
                            @if ($isSuperadmin)
                                <th data-toggle="true" class="text-center">Blokir</th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($group->categories as $category)
                            @php
                                $period = $category->monitoring_period;
                                $hasPeriod = !is_null($period) && $period > 0;

                                $showWarning = false;
                                $warningText = '';
                                if ($hasPeriod) {
                                    if (!empty($category->last_transaction_date)) {
                                        $isOverdue = \Carbon\Carbon::parse($category->last_transaction_date)
                                            ->startOfDay()
                                            ->lt(\Carbon\Carbon::today()->subDays($period));
                                        if ($isOverdue) {
                                            $showWarning = true;
                                            $warningText = 'Pemeliharaan kendaraan sudah melebihi waktu standar ' . $period . ' hari';
                                        }
                                    } else {
                                        $showWarning = true;
                                        $warningText = 'Record pemeliharaan ini sudah melebihi waktu standar ' . $period . ' hari';
                                    }
                                }
                            @endphp
                            <tr>
                                <td>
                                    <a href="{{ route('admin.transaction') . '?category=' . $category->category_id }}">
                                        {{ $category->category_name }}
                                    </a>
                                </td>
                                <td>
                                    {{ !empty($category->last_transaction_date) ? \Carbon\Carbon::parse($category->last_transaction_date)->format('d M Y') : '-' }}
                                    @if ($showWarning)
                                        <i class="icon-warning22 text-danger position-left" data-popup="tooltip" data-container="body" title="{{ $warningText }}"></i>
                                    @endif
                                </td>
                                <td>{{ $hasPeriod ? $period : '' }}</td>
                                <td class="text-right">{{ !empty($category->last_transaction_date) ? 'Rp' . number_format($category->last_transaction_amount, 0, ',', '.') : '-' }}</td>
                                @if ($isSuperadmin)
                                    <td class="text-center">
                                        @if (!empty($category->banned_other_category))
                                            <input type="checkbox" class="ban-switch" data-size="mini" data-on-color="danger" data-off-color="default"
                                                data-on-text="Blokir" data-off-text="Aktif"
                                                data-url="{{ route('admin.reports.monitoring.ban.toggle', $category->category_id) }}"
                                                @if (!empty($category->banned_category_status)) {{ 'checked' }} @endif />
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                @endif
                            </tr>
                        @empty
                            <tr>
                                <td colspan="{{ $isSuperadmin ? 5 : 4 }}" class="text-center">Belum ada kategori.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    @endforeach
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/switch.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/footable/footable.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/table_responsive.js') }}"></script>

    <script>
        $(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            });

            $('[data-popup="tooltip"]').tooltip();

            var $bans = $('.ban-switch');
            $bans.bootstrapSwitch();

            function setSwitch($el, state) {
                // second arg "true" skips re-triggering switchChange -> no confirm loop
                $el.bootstrapSwitch('state', state, true);
            }

            function toast(text, type) {
                new PNotify({
                    text: text,
                    delay: 3000,
                    addclass: type === 'error' ? 'bg-danger' : 'bg-success'
                });
            }

            $bans.on('switchChange.bootstrapSwitch', function(event, state) {
                var $el = $(this);
                var url = $el.data('url');

                swal({
                    title: 'Apakah anda yakin?',
                    text: state ?
                        'Kendaraan ini akan diblokir dari pengajuan isi bensin.' :
                        'Blokir kendaraan ini akan dibuka.',
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Ya!',
                    cancelButtonText: 'Batal',
                    closeOnConfirm: true
                }, function(isConfirm) {
                    if (!isConfirm) {
                        setSwitch($el, !state); // revert, user cancelled
                        return;
                    }

                    $el.bootstrapSwitch('disabled', true);
                    $.ajax({
                        url: url,
                        type: 'POST',
                        dataType: 'json'
                    }).done(function(res) {
                        setSwitch($el, res.banned === 1);
                        toast(res.message || 'Berhasil', 'success');
                    }).fail(function(xhr) {
                        setSwitch($el, !state); // revert, request failed
                        var msg = (xhr.responseJSON && xhr.responseJSON.message) ?
                            xhr.responseJSON.message :
                            'Gagal memperbarui status blokir';
                        toast(msg, 'error');
                    }).always(function() {
                        $el.bootstrapSwitch('disabled', false);
                    });
                });
            });
        });
    </script>
@endsection