@extends('layouts.auth')

@section('content')
            <div class="card">
                <div class="card-header">Delete Tunnel</div>

                <div class="card-body">
                    <p>Please confirm that the following details match the tunnel you wish to delete. This cannot be undone and the tunnel will need to be reprovisioned if you delete the wrong one.</p>
                    <form method="POST" action="{{route('tunnel_delete_action')}}">
                        @csrf
                        <input name="id" value="{{ $id }}" style="display:none;"></input>
                        <div class="mb-3">
                            <label class="fw-bold form-label">Reference Name</label>
                            <span>{{ $reference_name }}</span>
                        </div>
                        <div class="mb-3">
                            <label class="fw-bold form-label">Region</label>
                            <span>{{$region}}</span>
                        </div>
                        <div class="mb-3">
                            <label class="fw-bold form-label">Remote IP Address</label>
                            <span>{{$tunnel_type}}</span>
                        </div>
                        <div class="mb-3">
                            <label class="fw-bold form-label">Remote IP Address</label>
                            <span>{{ $remote_ip_address }}</span>
                        </div>
                        <div class="mb-3">
                            <label class="fw-bold form-label">Remote Port</label>
                            <span>{{ $remote_port }}</span>
                        </div>
                        <div class="mb-3">
                            <label class="fw-bold form-label">Speed Limit</label>
                            <span>{{$tunnel_speed}} mbit</span>
                        </div>
                        <div class="mb-3">
                            <label for="input-asn" class="fw-bold form-label">ASN</label>
                            <span>{{ $asn }}</span>
                        </div>
                        <div class="mb-3 text-center">
                            <button class="btn btn-danger">Confirm Deletion</button>
                        </div>
                    </form>
                </div>
            </div>
@endsection