@extends('layouts.management')

@section('content')
    <style>
        .js-accordion-body {
            display: none;
        }
    </style>

    <section class="header-page management-header-bg" style="height: 350px">
        <div class="tag-header">Management</div>
        <h2 class="title-header">Notifications : Publish</h2>
    </section>

    <section class="tree-details">
        <div class="container-tree">
            <div class="tree-text">
                <div class="tree-arbo">
                    <a href="{{ route('management') }}">Management</a> &gt; <a
                        href="{{ route('management.notifications') }}">Notifications</a>
                    > <span
                        class="tree-arbo-current">Publish</span></div>
            </div>
        </div>
    </section>

    <section class="content management">
        <form method="POST" enctype="multipart/form-data" action="#">
            @csrf

            @if($errors->any())
                <p class="error-popup"><b>Erreur</b><br>{{$errors->first()}}</p><br/>
            @endif

            <div id="w-node-d29d89b9-3f2a-e4ee-05fb-e5257e405936-b4b88694" class="management-card">
                <div class="w-form" style="margin-bottom: 0">

                    <div class="form-space-left">
                        <input class="management-field-input w-input" style="padding-bottom: 0" name="button_link" placeholder="Button URL"
                               type="url">
                    </div>

                </div>
            </div>

            <div data-ix="fade-up-1" class="accordion js-accordion">
                @foreach(config('app.language') as $k => $v)
                    <div class="accordion__item js-accordion-item">
                        <div class="accordion-header js-accordion-header">
                            <img alt=""
                                 src="{{ asset('images/flags/'.$k.'.png') }}"
                                 class="accordion_item-image">
                            <h5 class="accordion-title">{{ $v }}</h5>
                            <picture>
                                <source srcset="{{ asset('images/icons/chevron_management_w.svg') }}"
                                        media="(prefers-color-scheme: dark)">
                                <img loading="lazy"
                                     src="{{ asset('images/icons/chevron_management_b.svg') }}"
                                     alt="" class="js-accordion-icon">
                            </picture>
                        </div>

                        <div data-ix="hide-on-load" class="accordion-body js-accordion-body">
                            <input class="management-field-input w-input" maxlength="256"
                                   name="description[{{ $k }}]" placeholder="Text *"
                                   type="text" id="description" required="">

                            <input class="management-field-input w-input" maxlength="256"
                                   name="button_name[{{ $k }}]" placeholder="Button name"
                                   type="text" id="button_name">
                        </div>
                    </div>
                @endforeach

            </div>

            <div class="div-block-6">
                <input type="submit" class="btn-contact-submit w-button" style="margin:auto"
                       value="Publish and remove old notification"></div>
        </form>
    </section>

@endsection

@section('scripts')
    <script src="{{ asset('js/florianvieira.min.js')}}" type="text/javascript"></script>

@endsection