@section('title') {{'Compare servers'}} @endsection
@section('style')
    <style>
        .td-nowrap {
            white-space: nowrap;
        }

        .plus-td {
            background: #71ed7136 !important;
        }

        .neg-td {
            background: #ed827136 !important;
        }

        .equal-td {
            background: #6189ff26 !important;
        }

        .objects-table th:first-child, .objects-table td:first-child, .compare-table th:first-child, .compare-table td:first-child {
            position: sticky;
            left: 0;
            background-color: #f6f6f6;
            text-align: left;
        }

        .data-type {
            color: #212529b3;
            padding-left: .05rem;
            font-size: 85%;
        }
    </style>
@endsection
<x-app-layout>
    <div class="container" id="app">
        <div class="card shadow mt-3">
            <div class="card-body">
                <a href="{{ route('servers-compare-choose') }}" class="btn btn-primary mb-3">Choose others</a>
                <div class="table-responsive">
                    <table class="table compare-table">
                        <thead>
                        <tr>
                            <th></th>
                            <th>{{$server1_data[0]->hostname}}</th>
                            <th>DIF</th>
                            <th>{{$server2_data[0]->hostname}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="td-nowrap">CPU count</td>
                            <td class="td-nowrap">{{$server1_data[0]->cpu_cores}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->cpu_cores, $server2_data[0]->cpu_cores, ' cores') !!}
                            <td class="td-nowrap">{{$server2_data[0]->cpu_cores}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">CPU freq</td>
                            <td class="td-nowrap">{{$server1_data[0]->cpu_freq}}<span class="data-type">Ghz</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->cpu_freq, $server2_data[0]->cpu_freq, 'Ghz') !!}
                            <td class="td-nowrap">{{$server2_data[0]->cpu_freq}}<span class="data-type">Ghz</span></td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Ram</td>
                            <td class="td-nowrap">{{$server1_data[0]->ram_mb}}<span class="data-type">MB</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->ram_mb, $server2_data[0]->ram_mb, 'MB') !!}
                            <td class="td-nowrap">{{$server2_data[0]->ram_mb}}<span class="data-type">MB</span></td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Disk</td>
                            <td class="td-nowrap">{{$server1_data[0]->disk_gb}}<span class="data-type">GB</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->disk_gb, $server2_data[0]->disk_gb, 'GB') !!}
                            <td class="td-nowrap">{{$server2_data[0]->disk_gb}}<span class="data-type">GB</span></td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">GB5 single</td>
                            <td class="td-nowrap">{{$server1_data[0]->gb5_single}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->gb5_single, $server2_data[0]->gb5_single, '') !!}
                            <td class="td-nowrap">{{$server2_data[0]->gb5_single}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">GB5 multi</td>
                            <td class="td-nowrap">{{$server1_data[0]->gb5_multi}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->gb5_multi, $server2_data[0]->gb5_multi, '') !!}
                            <td class="td-nowrap">{{$server2_data[0]->gb5_multi}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">4k disk</td>
                            <td class="td-nowrap">{{$server1_data[0]->d_4k_as_mbps}}<span class="data-type">MB/s</span>
                            </td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->d_4k_as_mbps, $server2_data[0]->d_4k_as_mbps, 'MB/s') !!}
                            <td class="td-nowrap">{{$server2_data[0]->d_4k_as_mbps}}<span class="data-type">MB/s</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">64k disk</td>
                            <td class="td-nowrap">{{$server1_data[0]->d_64k_as_mbps}}<span class="data-type">MB/s</span>
                            </td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->d_64k_as_mbps, $server2_data[0]->d_64k_as_mbps, 'MB/s') !!}
                            <td class="td-nowrap">{{$server2_data[0]->d_64k_as_mbps}}<span class="data-type">MB/s</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">512k disk</td>
                            <td class="td-nowrap">{{$server1_data[0]->d_512k_as_mbps}}<span
                                    class="data-type">MB/s</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->d_512k_as_mbps, $server2_data[0]->d_512k_as_mbps, 'MB/s') !!}
                            <td class="td-nowrap">{{$server2_data[0]->d_512k_as_mbps}}<span
                                    class="data-type">MB/s</span></td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">1m disk</td>
                            <td class="td-nowrap">{{$server1_data[0]->d_1m_as_mbps}}<span class="data-type">MB/s</span>
                            </td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->d_1m_as_mbps, $server2_data[0]->d_1m_as_mbps, 'MB/s') !!}
                            <td class="td-nowrap">{{$server2_data[0]->d_1m_as_mbps}}<span class="data-type">MB/s</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">{{$server1_network[0]->location}} send</td>
                            <td class="td-nowrap">{{$server1_network[0]->send_as_mbps}}<span
                                    class="data-type">MBps</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_network[0]->send_as_mbps, $server2_network[0]->send_as_mbps, 'MBps') !!}
                            <td class="td-nowrap">{{$server2_network[0]->send_as_mbps}}<span
                                    class="data-type">MBps</span></td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">{{$server1_network[0]->location}} receive</td>
                            <td class="td-nowrap">{{$server1_network[0]->receive_as_mbps}}<span
                                    class="data-type">MBps</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_network[0]->receive_as_mbps, $server2_network[0]->receive_as_mbps, 'MBps') !!}
                            <td class="td-nowrap">{{$server2_network[0]->receive_as_mbps}}<span
                                    class="data-type">MBps</span></td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">{{$server1_network[1]->location}} send</td>
                            <td class="td-nowrap">{{$server1_network[1]->send_as_mbps}}<span
                                    class="data-type">MBps</span></td>
                            {!! \App\Models\Server::tableRowCompare($server1_network[1]->send_as_mbps, $server2_network[1]->send_as_mbps, 'MBps') !!}
                            <td class="td-nowrap">{{$server2_network[1]->send_as_mbps}}<span
                                    class="data-type">MBps</span></td>
                        </tr>
                        @if($server1_network[0]->location === $server2_network[0]->location)
                            <tr>
                                <td class="td-nowrap">{{$server1_network[1]->location}} receive</td>
                                <td class="td-nowrap">{{$server1_network[1]->receive_as_mbps}}<span class="data-type">MBps</span>
                                </td>
                                {!! \App\Models\Server::tableRowCompare($server1_network[1]->receive_as_mbps, $server2_network[1]->receive_as_mbps, 'MBps') !!}
                                <td class="td-nowrap">{{$server2_network[1]->receive_as_mbps}}<span class="data-type">MBps</span>
                                </td>
                            </tr>
                        @endif
                        @if($server1_network[1]->location === $server2_network[1]->location)
                            <tr>
                                <td class="td-nowrap">{{$server1_network[2]->location}} send</td>
                                <td class="td-nowrap">{{$server1_network[2]->send_as_mbps}}<span
                                        class="data-type">MBps</span></td>
                                {!! \App\Models\Server::tableRowCompare($server1_network[2]->send_as_mbps, $server2_network[2]->send_as_mbps, 'MBps') !!}
                                <td class="td-nowrap">{{$server2_network[2]->send_as_mbps}}<span
                                        class="data-type">MBps</span></td>
                            </tr>
                        @endif
                        @if($server1_network[2]->location === $server2_network[2]->location)
                            <tr>
                                <td class="td-nowrap">{{$server1_network[2]->location}} receive</td>
                                <td class="td-nowrap">{{$server1_network[2]->receive_as_mbps}}<span class="data-type">MBps</span>
                                </td>
                                {!! \App\Models\Server::tableRowCompare($server1_network[2]->receive_as_mbps, $server2_network[2]->receive_as_mbps, 'MBps') !!}
                                <td class="td-nowrap">{{$server2_network[2]->receive_as_mbps}}<span class="data-type">MBps</span>
                                </td>
                            </tr>
                        @endif
                        <tr>
                            <td class="td-nowrap">USD p/m</td>
                            <td class="td-nowrap">{{$server1_data[0]->usd_per_month}}<span class="data-type">p/m</span>
                            </td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->usd_per_month, $server2_data[0]->usd_per_month, 'p/m') !!}
                            <td class="td-nowrap">{{$server2_data[0]->usd_per_month}}<span class="data-type">p/m</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Actual price</td>
                            <td class="td-nowrap">{{$server1_data[0]->price}}<span
                                    class="data-type">{{$server1_data[0]->currency}}</span> {{\App\Process::paymentTermIntToString($server1_data[0]->term)}}
                            </td>
                            <td class="td-nowrap equal-td"></td>
                            <td class="td-nowrap">{{$server2_data[0]->price}}<span
                                    class="data-type">{{$server2_data[0]->currency}}</span> {{\App\Process::paymentTermIntToString($server2_data[0]->term)}}
                            </td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">CPU per USD</td>
                            <td class="td-nowrap">{{number_format($server1_data[0]->cpu_cores / $server1_data[0]->usd_per_month,2)}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->cpu_cores / $server1_data[0]->usd_per_month, $server2_data[0]->cpu_cores / $server2_data[0]->usd_per_month, '') !!}
                            <td class="td-nowrap">{{number_format($server2_data[0]->cpu_cores / $server2_data[0]->usd_per_month,2)}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Disk GB per USD</td>
                            <td class="td-nowrap">{{number_format($server1_data[0]->disk_gb / $server1_data[0]->usd_per_month,2)}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->disk_gb / $server1_data[0]->usd_per_month, $server2_data[0]->disk_gb / $server2_data[0]->usd_per_month, '') !!}
                            <td class="td-nowrap">{{number_format($server2_data[0]->disk_gb / $server2_data[0]->usd_per_month,2)}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Ram MB per USD</td>
                            <td class="td-nowrap">{{number_format($server1_data[0]->ram_mb / $server1_data[0]->usd_per_month,2)}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->ram_mb / $server1_data[0]->usd_per_month, $server2_data[0]->ram_mb / $server2_data[0]->usd_per_month, '') !!}
                            <td class="td-nowrap">{{number_format($server2_data[0]->ram_mb / $server2_data[0]->usd_per_month,2)}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">GB5 single per USD</td>
                            <td class="td-nowrap">{{number_format($server1_data[0]->gb5_single / $server1_data[0]->usd_per_month,2)}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->gb5_single / $server1_data[0]->usd_per_month, $server2_data[0]->gb5_single / $server2_data[0]->usd_per_month, '') !!}
                            <td class="td-nowrap">{{number_format($server2_data[0]->gb5_single / $server2_data[0]->usd_per_month,2)}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">GB5 multi per USD</td>
                            <td class="td-nowrap">{{number_format($server1_data[0]->gb5_multi / $server1_data[0]->usd_per_month,2)}}</td>
                            {!! \App\Models\Server::tableRowCompare($server1_data[0]->gb5_multi / $server1_data[0]->usd_per_month, $server2_data[0]->gb5_multi / $server2_data[0]->usd_per_month, '') !!}
                            <td class="td-nowrap">{{number_format($server2_data[0]->gb5_multi / $server2_data[0]->usd_per_month,2)}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Location</td>
                            <td class="td-nowrap">{{$server1_data[0]->location}}</td>
                            <td class="td-nowrap equal-td"></td>
                            <td class="td-nowrap">{{$server2_data[0]->location}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Provider</td>
                            <td class="td-nowrap">{{$server1_data[0]->provider_name}}</td>
                            <td class="td-nowrap equal-td"></td>
                            <td class="td-nowrap">{{$server2_data[0]->provider_name}}</td>
                        </tr>
                        <tr>
                            <td class="td-nowrap">Owned since</td>
                            <td class="td-nowrap">{{ date_format(new DateTime($server1_data[0]->owned_since), 'F Y') }}</td>
                            <td class="td-nowrap equal-td">
                                {{\Carbon\Carbon::parse($server1_data[0]->owned_since)->diffForHumans(\Carbon\Carbon::parse($server2_data[0]->owned_since))}}
                            </td>
                            <td class="td-nowrap">{{ date_format(new DateTime($server2_data[0]->owned_since), 'F Y') }}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>