@extends('layouts.master')

@section('content')

    <h1>System</h1>
    <div class="table-responsive">
        <table class="table table-bordered table-striped table-hover">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>System ID</th>
                    <th>System Type</th>
                    <th>System Ver</th>
                    <th>Host App</th>
                    <th>Product</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $system->id }}</td>
                    <td> {{ $system->systemId }} </td>
                    <td> {{ $system->systemType }} </td>
                    <td> {{ $system->systemVer }} </td>
                    <td> {{ $system->hostApp }} {{ $system->hostVer }}</td>
                    <td> {{ $system->product }} {{ $system->subproduct }} {{ $system->prodVer }}</td>
                </tr>
            </tbody>    
        </table>
    </div>
    <p>
        <i>created at: {{ $system->created_at }}<br/>
        updated at: {{ $system->updated_at }}</i>
    </p>
@endsection