@section('title', __('radio.blacklist_new_title'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/radioblacklist.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('general.header_nav_radio')],
        ['label' => __('radio.menu_item_5_sub_7'), 'url' => route('radio.blacklist.r')],
        ['label' => __('general.action_add')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('radio.blacklist_new_title') }}</h1>
            <p class="page-sub">{{ __('radio.blacklist_page_sub') }}</p>
        </div>
        <div class="page-head__actions">
            <a href="{{ route('radio.blacklist.r') }}" class="btn btn--ghost">{{ __('radio.pl_action_back') }}</a>
        </div>
    </header>

    <div class="blkform" data-own-ip="{{ request()->ip() }}">

        <section class="sec">
            <div class="sec__body blkform__body">

                <p class="blkmodal__warn">
                    <i class="fa-solid fa-triangle-exclamation"></i>
                    <span>{{ __('radio.blacklist_new_warning') }}</span>
                </p>

                <form action="{{ route('radio.blacklist.c.do') }}" method="POST" data-form>
                    @csrf
                    <input type="hidden" name="id" value="{{ $id ?: '' }}">

                    <label class="blkmodal__field">
                        <span class="blkmodal__label">{{ __('radio.blacklist_ip_address') }}</span>
                        <input type="text" class="input" name="ip" data-ip autocomplete="off"
                               value="{{ old('ip', $ip) }}" placeholder="203.0.113.42">
                        <span class="blkmodal__help">{{ __('radio.blacklist_ip_help') }}</span>
                    </label>

                    <p class="blkmodal__self" data-self hidden>
                        <i class="fa-solid fa-triangle-exclamation"></i>
                        <span>{{ __('radio.blacklist_new_self_ip') }}</span>
                    </p>

                    @if(\Session::has('error'))
                        <p class="modal__error" data-error>{{ \Session::get('error') }}</p>
                        @php Session::forget('error'); @endphp
                    @else
                        <p class="modal__error" data-error hidden></p>
                    @endif

                    <div class="blkform__foot">
                        <button type="submit" class="btn btn--primary blkmodal__ok" data-save>
                            <span>{{ __('site.action_confirm') }}</span>
                            @include('includes.spinner')
                        </button>
                    </div>
                </form>

            </div>
        </section>

    </div>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/pages/radio-blacklist-form.js') }}"></script>
@endsection

@include('includes/footer-novo')