@extends('layouts.management')

@section('content')
    <section class="header-page management-header-bg" style="height: 350px">
        <div class="tag-header">Management</div>
        <h2 class="title-header">Notifications</h2>
    </section>

    <section class="tree-details">
        <div class="container-tree">
            <div class="tree-text">
                <div class="tree-arbo">
                    <a href="#">Management</a> &gt; <span
                        class="tree-arbo-current">Notifications</span></div>
            </div>
        </div>
    </section>

    <section class="content management">

        <a href="{{ route('management.notifications.publish') }}" class="btn w-inline-block" style="float: right">
            <div class="btn-label">Publish new notification</div>
        </a>

        <a href="{{ route('management.notifications.disable') }}" class="btn-outline w-inline-block"
           style="float: right; margin-right: 15px">
            <div class="btn-outline-label">Remove current notification</div>
        </a>
        <br/><br/><br/>

        <div class="w-layout-grid grid-notification-management">
            @foreach($notifs as $n)
                <div id="w-node-_41303aa9-9132-a87c-1ece-a2ad39d310f2-f91aef30"
                     @if(!$n->is_displayed) style="opacity: 0.3;" @endif
                     class="management-notif-list-details">

                    @foreach(config('app.language') as $k => $v)

                        <h5 class="project-card-title">
                            <img style="width: 20px; margin-right: 10px" src="{{ asset('images/flags/'.$k.'.png') }}"/>
                            {{ $n->getTranslation('description', $k) }}  {{ ($n->button_link !== null) ? '(Button name: '. $n->getTranslation('button_name', $k) .')' : '' }}
                        </h5>

                    @endforeach<br/>

                    <p style="color: var(--text-primary)">Count clicks close : <b>{{ $n->clicks_close }}</b></p>
                    @if($n->button_link !== null)
                        <p style="color: var(--text-primary)">Count clicks link : <b>{{ $n->clicks_link }}</b></p>
                    @endif
                    <br/>

                    <p class="project-card-description-management">Publish at
                        : {{ $n->created_at->format('d/m/Y à H:i') }} @if(!$n->is_displayed)
                            &nbsp;— Unpublish at
                            : {{ $n->updated_at->format('d/m/Y à H:i') }}
                        @endif</p>
                </div>
                <div id="w-node-b88f8d3e-ac64-16db-3db6-147b68bbce0b-f91aef30" class="management-projects-list-actions"
                     @if(!$n->is_displayed) style="opacity: 0.3;display: flex;flex-direction: row;align-items: center;"
                     @else style="display: flex;flex-direction: row;align-items: center;" @endif
                >
                    @if($n->is_displayed)
                        <a href="{{ route('management.notifications.disable', ['id' => $n->id]) }}"
                           style="margin: auto">
                            <div class="tag-projects-new" style="margin: auto">Unpublish</div>
                        </a>
                    @endif
                </div>
            @endforeach
        </div>


    </section>

@endsection