@extends('layouts.main')

@section('pageTitle', '設備狀態管理－系統版本')

@section('content')
<style>
    table {text-align: center;}
    h4 {font-weight: bold; padding-left: 7.5px;}
</style>
@inject('systemCommonService', 'App\Services\SystemCommonService')
<h4> XPS 版本：{{ $systemCommonService->getSystemVersion() }}</h4>
<h4> PPS 版本：{{ $systemCommonService->getPpsVersion() }}</h4>
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body table-responsive p-3">
                    <table id="datatableList" class="table table-bordered table-striped table-hover text-nowrap">
                        <thead>
                            <tr>
                                <th>設備編號</th>
                                <th>主程式版本號</th>
                                <th>繳費機畫面版本號</th>
                                <th>shell 版本號</th>
                                <th>plc1713c 版本號</th>
                                <th>mp1512 版本號</th>
                                <th>MP507 版本號</th>
                            </tr>
                        </thead>
                        <tbody>
                            @inject('devicesRepository', 'App\Repositories\DevicesRepository')
                            @foreach ($devicesRepository->getEntityDevices() as $device)
                                <tr>
                                    <td>{{ $device->number }}</td>
                                    <td>{{ $device->programsVersion['main'] }}</td>
                                    <td>{{ $device->programsVersion['frontend'] }}</td>
                                    <td>{{ $device->programsVersion['shell'] }}</td>
                                    <td>{{ $device->programsVersion['plc1713c'] }}</td>
                                    <td>{{ $device->programsVersion['mp1512'] }}</td>
                                    <td>{{ $device->programsVersion['mp507'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <a class="btn btn-danger" href="{{ route('device.index') }}">返回</a>
  <!-- /.row -->
</div>
@endsection