@if ($histori->isEmpty())
    <div class="alert alert-outline-warning">
        <p>Data belum ada</p>
    </div>
@endif

{{--  --}}

@foreach ($histori as $d)
    @php
        $path_out = Storage::url('storage/upload/presensi/' . $d->foto_out);
        $totdenda = $totdenda + $d->totDenda;
    @endphp

    <ul class="listview image-listview">
        <li>
            <div class="item">
                <div class="row">
                    <div class="col-3">
                        <div class="image-container">
                            @php
                                $path = Storage::url('storage/upload/presensi/' . $d->foto_in);
                            @endphp
                            <img src="{{ url($path) }}" alt="image" class="image">
                        </div>
                        <div class="mt-1">
                            <small>
                                <b> {{ date('d-m-Y', strtotime($d->tgl_presensi)) }}</b>
                            </small>
                        </div>
                    </div>
                    <div class="in col-9">
                        {{-- <div class="col-3 ml-1"> --}}
                        <div class="col ml-1">
                            <div>
                                <span class="badge {{ $d->jam_in < $d->jam_masuk ? 'bg-success' : 'bg-danger' }}">
                                    {{ date('H:i', strtotime($d->jam_in)) }}
                                </span>
                            </div>
                            <div>
                                <span class="badge">
                                    <small>
                                        @if ($d->jam_in > $d->jam_masuk)
                                            Terlambat {{ $d->MenitTelat }} Menit
                                        @else
                                            Tepat waktu
                                        @endif
                                    </small>
                                </span>
                            </div>
                            <div>
                                <span class="badge">
                                    <small>
                                        @if ($d->dendaTelatMasuk != 0)
                                            {{ number_format($d->dendaTelatMasuk, 0, ',', '.') }}
                                        @endif
                                    </small>
                                </span>
                            </div>
                        </div>
                        <div class="col">
                            <div>
                                @if ($d->jam_out != null)
                                    <span class="badge {{ $d->jam_out < $d->jam_pulang ? 'bg-danger' : 'bg-success' }}">
                                        {{ date('H:i', strtotime($d->jam_out)) }}
                                    </span>
                                @else
                                    <span class="badge bg-danger">
                                        Blm Absen
                                    </span>
                                @endif

                            </div>
                            <div>
                                <span class="badge">
                                    <small>
                                        @if ($d->jam_out != null)
                                            Tepat waktu
                                        @else
                                            Blm Absen
                                        @endif

                                    </small>
                                </span>
                            </div>
                            <div>
                                <span class="badge">
                                    <small>
                                        @if ($d->jam_out != null)
                                            @if ($d->jam_out < $d->jam_pulang)
                                                {{ number_format($d->DendaPulang, 0, ',', '.') }}
                                            @else
                                            @endif
                                        @else
                                            {{ number_format($d->DendaPulang, 0, ',', '.') }}
                                        @endif
                                    </small>
                                </span>
                            </div>
                            <div>

                            </div>
                        </div>
                        <div class="col">
                            <div>
                                <span class="badge">
                                    <small>
                                        Total Denda
                                    </small>
                                </span>
                            </div>
                            <div>
                                <span class="badge">
                                    <small>
                                        @if ($d->totDenda != 0)
                                            {{ number_format($d->totDenda, 0, ',', '.') }}
                                        @endif
                                    </small>
                                </span>
                            </div>
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
        </li>
@endforeach
</ul>

<ul class="listview image-listview mb-5">
    <li>
        <div class="item">
            <div class="in">
                <div class="row">
                    <div class="col">
                        <b>
                            Total Denda {{ number_format($totdenda, 0, ',', '.') }}
                        </b>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>