@extends('admin.layouts.app')

@section('title', __('admin/network-tools.mx_title'))

@section('content')
<div class="container-fluid px-4">
    <x-admin.page-header :title="__('admin/network-tools.mx_title')" icon="fas fa-envelope" />

    <x-admin.card :title="__('admin/network-tools.mx_title')" icon="fas fa-envelope">
        <form id="mxForm">
            <div class="row">
                <div class="col-md-8">
                    <div class="mb-3">
                        <label for="mx_domain" class="form-label">{{ __('admin/network-tools.mx_domain') }}</label>
                        <input type="text" class="form-control" id="mx_domain" name="domain"
                               placeholder="{{ __('admin/network-tools.mx_domain_placeholder') }}" required>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="mb-3">
                        <label class="form-label">&nbsp;</label>
                        <button type="submit" class="btn btn-danger w-100">
                            <i class="fas fa-search me-1"></i>
                            {{ __('admin/network-tools.mx_search') }}
                        </button>
                    </div>
                </div>
            </div>
        </form>

        <div id="mxResult" class="mt-4" style="display: none;">
            <x-admin.card :title="__('admin/network-tools.mx_result')" icon="fas fa-info-circle">
                <div id="mxOutput"></div>
            </x-admin.card>
        </div>
    </x-admin.card>
</div>
@endsection

@push('scripts')
@vite('resources/js/admin/network-tools/mx.js')
@endpush
