@extends('layouts.app')

@section('content')

<div class="container">

    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    <div class="d-flex justify-content-between mb-3">

        <h4>MikroTik Routers</h4>

        <a href="{{ route('routers.create') }}"
           class="btn btn-success">
            Add Router
        </a>

    </div>

    <table class="table table-bordered table-striped">

        <thead>

        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>IP Address</th>
            <th>Username</th>
            <th>Port</th>
            <th>Status</th>
            <th>Connection</th>
            <th>Last Connected</th>
            <th width="220">Actions</th>
        </tr>

        </thead>

        <tbody>

        @forelse($routers as $router)

            <tr>

                <td>{{ $router->id }}</td>

                <td>{{ $router->router_name }}</td>

                <td>{{ $router->ip_address }}</td>

                <td>{{ $router->username }}</td>

                <td>{{ $router->port }}</td>

                <td>
                    @if($router->status)
                        <span class="badge bg-success">
                            Active
                        </span>
                    @else
                        <span class="badge bg-danger">
                            Inactive
                        </span>
                    @endif
                </td>

                <td>
                    @if($router->connection_status == 'Connected')
                        <span class="badge bg-success">
                            Connected
                        </span>
                    @else
                        <span class="badge bg-danger">
                            Disconnected
                        </span>
                    @endif
                </td>

                <td>
                    {{ $router->last_connected_at ?? 'Never' }}
                </td>

                <td>

                    <a href="{{ route('routers.test', $router->id) }}"
                       class="btn btn-primary btn-sm">
                        Test Connection
                    </a>

                    <a href="{{ route('routers.edit', $router->id) }}"
                       class="btn btn-warning btn-sm">
                        Edit
                    </a>

                    <form action="{{ route('routers.destroy', $router->id) }}"
                          method="POST"
                          style="display:inline-block">

                        @csrf
                        @method('DELETE')

                        <button type="submit"
                                class="btn btn-danger btn-sm"
                                onclick="return confirm('Delete Router?')">
                            Delete
                        </button>

                    </form>

                </td>

            </tr>

        @empty

            <tr>
                <td colspan="9" class="text-center">
                    No Router Found
                </td>
            </tr>

        @endforelse

        </tbody>

    </table>

</div>

@endsection