@extends('layouts.app')

@section('center')

@php
    use Carbon\Carbon;
@endphp

<style>
.dashboard-title{
    text-align:center;
    font-weight:800;
    color:#111827;
    margin-bottom:25px;
}

.table-card{
    background:#fff;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:20px;
}

.table thead th{
    background:#111827;
    color:#fff;
    font-size:13px;
    text-transform:uppercase;
    white-space:nowrap;
}

.table tbody td{
    vertical-align:middle;
    font-size:13px;
}

.status-badge{
    display:inline-block;
    padding:6px 14px;
    border-radius:50px;
    font-size:12px;
    font-weight:800;
    color:#fff;
}

.bg-online{
    background:#16a34a;
}

.bg-offline{
    background:#dc2626;
}

.no-data{
    text-align:center;
    padding:30px;
    color:#6b7280;
    font-weight:700;
}
</style>

<h3 class="dashboard-title">
    Connected Devices of Pole: {{ $poleDeviceId }}
</h3>

<div class="mb-3">
    <a href="{{ route('pole.connection.count') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i>
        Back
    </a>
</div>

<div class="table-card">

    <div class="table-responsive">

        <table class="table table-bordered table-hover">

            <thead>
                <tr>
                    <th>#</th>
                    <th>Connection Device ID</th>
                    <th>Current A</th>
                    <th>Current B</th>
                    <th>Current C</th>
                    <th>Voltage A</th>
                    <th>Voltage B</th>
                    <th>Voltage C</th>
                    <th>Total kWh</th>
                    <th>kVA</th>
                    <th>Last Update</th>
                    <th>Status</th>
                </tr>
            </thead>

            <tbody>

            @forelse($connections as $index => $row)

                @php
                    $isSending = false;

                    if (
                        ($row->auxr_status ?? 0) == 1 &&
                        !empty($row->server_time_update_our_value)
                    ) {
                        $minutes = Carbon::parse($row->server_time_update_our_value)->diffInMinutes(now());

                        if ($minutes <= $offlineAfterMinutes) {
                            $isSending = true;
                        }
                    }

                    if ($isSending) {
                        $status = 'Sending';
                        $statusClass = 'bg-online';
                    } else {
                        $status = 'Not Sending';
                        $statusClass = 'bg-offline';
                    }

                    if (!empty($row->server_time_update_our_value)) {
                        $lastUpdate = Carbon::parse($row->server_time_update_our_value);
                        $lastPulse = $lastUpdate->format('d M Y, h:i A');
                        $age = $lastUpdate->diffForHumans();
                    } else {
                        $lastPulse = 'Never';
                        $age = 'Never';
                    }

                    $totalKwh =
                        ($row->kwhp1 ?? 0) +
                        ($row->kwhp2 ?? 0) +
                        ($row->kwhp3 ?? 0) +
                        ($row->kwho1 ?? 0) +
                        ($row->kwho2 ?? 0) +
                        ($row->kwho3 ?? 0);

                    $kva =
                        (
                            (($row->current_phase_a ?? 0) * ($row->voltage_phase_a ?? 0)) +
                            (($row->current_phase_b ?? 0) * ($row->voltage_phase_b ?? 0)) +
                            (($row->current_phase_c ?? 0) * ($row->voltage_phase_c ?? 0))
                        ) / 1000;
                @endphp

                <tr>
                    <td>{{ $index + 1 }}</td>

                    <td>
                        <strong>{{ $row->global_device_id }}</strong>
                    </td>

                    <td>{{ number_format($row->current_phase_a ?? 0, 2) }}</td>
                    <td>{{ number_format($row->current_phase_b ?? 0, 2) }}</td>
                    <td>{{ number_format($row->current_phase_c ?? 0, 2) }}</td>

                    <td>{{ number_format($row->voltage_phase_a ?? 0, 2) }}</td>
                    <td>{{ number_format($row->voltage_phase_b ?? 0, 2) }}</td>
                    <td>{{ number_format($row->voltage_phase_c ?? 0, 2) }}</td>

                    <td>{{ number_format($totalKwh, 2) }}</td>

                    <td>{{ number_format($kva, 2) }}</td>

                    <td>
                        {{ $lastPulse }}
                        <br>
                        <small class="text-muted">{{ $age }}</small>
                    </td>

                    <td>
                        <span class="status-badge {{ $statusClass }}">
                            {{ $status }}
                        </span>
                    </td>
                </tr>

            @empty

                <tr>
                    <td colspan="12">
                        <div class="no-data">
                            No connected devices found for this pole.
                        </div>
                    </td>
                </tr>

            @endforelse

            </tbody>

        </table>

    </div>

</div>

@endsection
<!--  -->