@extends('layouts.app')

@section('title', 'Link Details')
@section('page-title', 'Link Details')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3">Link #{{ $ispLink->link_id }}</h1>
            <a href="{{ route('reseller.isp.links.edit', $ispLink->link_id) }}" class="btn btn-warning">Edit</a>
            <a href="{{ route('reseller.isp.links.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-body">
                    <h5>Link Information</h5>
                    <table class="table">
                        <tr><th>ID:</th><td>{{ $ispLink->link_id }}</td></tr>
                        <tr><th>From:</th><td>{{ $ispLink->fromInterface->interface_name ?? '-' }}<br><small>{{ $ispLink->fromInterface->device->site->site_name ?? '' }}</small></td></tr>
                        <tr><th>To:</th><td>{{ $ispLink->toInterface->interface_name ?? '-' }}<br><small>{{ $ispLink->toInterface->device->site->site_name ?? '' }}</small></td></tr>
                        <tr><th>Capacity:</th><td>{{ $ispLink->capacity_mbps ?? '-' }} Mbps</td></tr>
                        <tr><th>Fiber Type:</th><td>{{ $ispLink->fiber_type ?? '-' }}</td></tr>
                        <tr><th>Description:</th><td>{{ $ispLink->path_description ?? '-' }}</td></tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection