@extends('layouts.app', [
'class' => 'g-sidenav-show bg-gray-100'
])

@section('content')

@include('layouts.navbars.auth.topnav', [
'title' => 'NCR Analisa Tahunan'
])

<div class="container-fluid">

    <div class="row">

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

            <div class="card">

                <div class="card-header">

                    <div class="row">

                        <div class="col">

                            <h5 class="mb-0">

                                List NCR Analisa Tahunan

                            </h5>

                        </div>

                        <div class="col">

                            @include('components.alert')

                        </div>

                    </div>

                </div>

                <hr class="horizontal dark mt-0">

                <div class="card-body">

                    <div class="table-responsive">

                        <table
                            id="list_ncrkes"
                            class="table table-bordered table-striped">

                            <thead
                                style="background:#00b7bd4f;">

                                <tr>

                                    <th width="5%">
                                        No
                                    </th>

                                    <th width="10%">
                                        Jenis Audit
                                    </th>

                                    <th width="15%">
                                        Perbandingan
                                    </th>

                                    <th width="12%">
                                        NCR Tahun Lalu
                                    </th>

                                    <th width="12%">
                                        NCR Tahun Ini
                                    </th>

                                    <th width="10%">
                                        Selisih
                                    </th>

                                    <th width="10%">
                                        Trend
                                    </th>

                                    <th width="10%">
                                        Status
                                    </th>

                                    <th width="10%">
                                        Aksi
                                    </th>

                                </tr>

                            </thead>

                            <tbody>

                                @forelse($list as $key => $row)

                                @php

                                $selisih =

                                $row->jumlah_ini

                                -

                                $row->jumlah_lalu;

                                if ($selisih > 0) {

                                $trend = 'Naik';

                                } elseif ($selisih < 0) {

                                    $trend='Turun' ;

                                    } else {

                                    $trend='Tetap' ;
                                    }

                                    @endphp

                                    <tr>

                                    <td class="text-center">

                                        {{ $key + 1 }}

                                    </td>

                                    <td class="text-center">

                                        @if(
                                        $row->audit_type
                                        ==
                                        'internal'
                                        )

                                        <span
                                            class="badge bg-info">

                                            INTERNAL

                                        </span>

                                        @else

                                        <span
                                            class="badge bg-primary">

                                            EXTERNAL

                                        </span>

                                        @endif

                                    </td>

                                    <td class="text-center">

                                        {{ $row->year_lalu }}

                                        →

                                        {{ $row->year_ini }}

                                    </td>

                                    <td class="text-center">

                                        {{ $row->jumlah_lalu }}

                                    </td>

                                    <td class="text-center">

                                        {{ $row->jumlah_ini }}

                                    </td>

                                    <td class="text-center">

                                        {{ $selisih }}

                                    </td>

                                    <td class="text-center">

                                        @if($trend == 'Naik')

                                        <span
                                            class="badge bg-danger">

                                            NAIK

                                        </span>

                                        @elseif(
                                        $trend
                                        ==
                                        'Turun'
                                        )

                                        <span
                                            class="badge bg-success">

                                            TURUN

                                        </span>

                                        @else

                                        <span
                                            class="badge bg-secondary">

                                            TETAP

                                        </span>

                                        @endif

                                    </td>

                                    <td class="text-center">

                                        @if(
                                        $row->status
                                        ==
                                        'POSTED'
                                        )

                                        <span
                                            class="badge bg-success">

                                            POSTED

                                        </span>

                                        @else

                                        <span
                                            class="badge bg-warning">

                                            DRAFT

                                        </span>

                                        @endif

                                    </td>

                                    <td class="text-center">

                                        <button

                                            type="button"

                                            class="btn btn-warning btn-sm mb-0"

                                            onclick="window.location='{{

                                                url(

                                                    'ncrkes/edit/' .

                                                   
encrypt(
    json_encode([
        'audit_type' => $row->audit_type,

        'year_lalu' => $row->year_lalu,

        'year_ini' => $row->year_ini
    ])
)
                                                )

                                            }}'">

                                            <i
                                                class="fas fa-edit">

                                            </i>

                                            Edit

                                        </button>

                                    </td>

                                    </tr>

                                    @empty

                                    <tr>

                                        <td
                                            colspan="9"
                                            class="text-center">

                                            Tidak ada data

                                        </td>

                                    </tr>

                                    @endforelse

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<link rel="stylesheet"
    href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function() {

        $('#list_ncrkes').DataTable({

            pageLength: 10,

            responsive: true,

            autoWidth: false,

            language: {

                search: "Cari :",

                lengthMenu: "Tampilkan _MENU_ data",

                zeroRecords: "Data tidak ditemukan",

                info: "Menampilkan _START_ - _END_ dari _TOTAL_ data",

                paginate: {

                    previous: "<",

                    next: ">"

                }

            }

        });

    });
</script>

@endsection