@extends('layouts.app')

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

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3">{{ $ispInterface->interface_name ?? 'Interface #' . $ispInterface->interface_id }}</h1>
            <a href="{{ route('reseller.isp.interfaces.edit', $ispInterface->interface_id) }}" class="btn btn-warning">Edit</a>
            <a href="{{ route('reseller.isp.interfaces.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>Interface Information</h5>
                    <table class="table">
                        <tr><th>ID:</th><td>{{ $ispInterface->interface_id }}</td></tr>
                        <tr><th>Name:</th><td>{{ $ispInterface->interface_name ?? '-' }}</td></tr>
                        <tr><th>Type:</th><td><span class="badge badge-info">{{ $ispInterface->interface_type ?? '-' }}</span></td></tr>
                        <tr><th>Status:</th><td><span class="badge badge-{{ $ispInterface->status == 'up' ? 'success' : ($ispInterface->status == 'down' ? 'danger' : 'secondary') }}">{{ $ispInterface->status }}</span></td></tr>
                        <tr><th>Device:</th><td>{{ $ispInterface->device->device_name ?? '-' }}</td></tr>
                        <tr><th>Site:</th><td>{{ $ispInterface->device->site->site_name ?? '-' }}</td></tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection