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

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

@php
    $breadcrumb = [
        ['label' => __('general.header_nav_radio')],
        ['label' => __('radio.menu_item_4')],
        ['label' => __('radio.page_passwords_title')],
    ];

    $weekCols = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
    $flash    = session('success');

    Session::forget('success');
@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.page_passwords_title') }}</h1>
            <p class="page-sub">{{ __('radio.passwords_page_sub') }}</p>
        </div>
        <div class="page-head__actions">
            <button type="button" class="btn btn--ghost pwd__logs-open">
                <i class="fa-solid fa-user-clock"></i>
                <span>{{ __('radio.passwords_disconnections') }}</span>
            </button>
            <a href="{{ route('radio.live-passwords.c') }}" class="btn btn--primary">
                <i class="fa-solid fa-plus"></i>
                <span>{{ __('radio.passwords_add_dj') }}</span>
            </a>
        </div>
    </header>

    <div class="pwd"
         data-flash="{{ $flash }}"
         data-url-logs="{{ route('radio.live-passwords.logs') }}"
         data-msg-remove-title="{{ __('general.action_remove') }}"
         data-msg-remove="{{ __('radio.passwords_remove_confirm') }}"
         data-msg-remove-token="{{ __('radio.passwords_remove_token') }}"
         data-msg-confirm="{{ __('site.action_confirm') }}"
         data-msg-logs-error="{{ __('radio.passwords_logs_load_error') }}"
         data-msg-logs-limit="{{ __('radio.passwords_logs_limit', ['time' => ':time']) }}">

        <section class="sec">
            <header class="sec__head">
                <h2 class="sec__title">{{ __('radio.page_passwords_title') }}</h2>
                <span class="sec__meta">{{ trans_choice('radio.passwords_count', $allDjs->count(), ['count' => $allDjs->count()]) }}</span>
            </header>

            @if(!$allDjs->count())
                <div class="pwd__empty">
                    <i class="fa-solid fa-microphone-lines"></i>
                    <h3>{{ __('radio.passwords_empty') }}</h3>
                    <p>{{ __('radio.passwords_empty_help') }}</p>
                    <a class="btn btn--primary" href="{{ route('radio.live-passwords.c') }}">
                        <i class="fa-solid fa-plus"></i>
                        <span>{{ __('radio.passwords_add_dj') }}</span>
                    </a>
                </div>
            @else
                <ul class="pwd__list">
                    @foreach($allDjs as $dj)
                        @php
                            $days = collect($weekCols)->filter(fn ($col) => $dj->{$col})->count();
                            $limited = $days > 0 && $days < 7 || ($dj->time_start && $dj->time_end);
                        @endphp
                        <li class="pwd__item @if($dj->active) is-live @endif">
                            <span class="pwd__ic"><i class="fa-solid fa-microphone-lines"></i></span>

                            <span class="pwd__info">
                                <span class="pwd__name">{{ $dj->name }}</span>
                                <span class="pwd__meta">
                                    {{ __('radio.passwords_last_broadcast') }}:
                                    {{ $dj->last_login ? date('d/m/Y H:i', strtotime($dj->last_login)) : __('radio.passwords_never') }}
                                    @if($limited)
                                        <span class="pwd__dot">&middot;</span>
                                        <i class="fa-regular fa-clock"></i> {{ __('radio.passwords_schedule') }}
                                    @endif
                                </span>
                            </span>

                            @if($dj->active)
                                <span class="pwd__tag pwd__tag--live">
                                    <i class="fa-solid fa-microphone"></i> {{ __('radio.passwords_on_air') }}
                                </span>
                            @else
                                <span class="pwd__tag">{{ __('radio.status_offline') }}</span>
                            @endif

                            <span class="pwd__acts">
                                <a class="pwd__ico" href="{{ route('radio.live-passwords.r.data', $dj->id) }}"
                                   data-tip="{{ __('radio.password_show_title') }}">
                                    <i class="fa-solid fa-circle-info"></i>
                                </a>

                                <a class="pwd__ico" href="{{ route('radio.live-passwords.e', $dj->id) }}"
                                   data-tip="{{ __('general.action_edit') }}">
                                    <i class="fa-solid fa-pen"></i>
                                </a>

                                @if(!$dj->active)
                                    <button type="button" class="pwd__ico pwd__ico--danger"
                                            data-remove="{{ $dj->id }}"
                                            data-token="{{ $dj->encoder_token ? '1' : '' }}"
                                            data-tip="{{ __('general.action_remove') }}">
                                        <i class="fa-solid fa-trash-can"></i>
                                    </button>

                                    <form id="pwdremove{{ $dj->id }}" action="{{ route('radio.live-passwords.d', $dj->id) }}" method="POST" hidden>
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                @endif
                            </span>
                        </li>
                    @endforeach
                </ul>
            @endif
        </section>

        <div class="modal pwdmodal" data-modal-logs hidden>
            <div class="modal__card" role="dialog" aria-modal="true">
                <h2 class="modal__title">{{ __('radio.passwords_logs_title') }}</h2>
                <p class="pwdmodal__hint">{{ __('radio.passwords_logs_subtitle') }}</p>

                <div class="pwdmodal__body" data-logs-body
                     data-loading="{{ __('radio.action_processing') }}"
                     data-empty="{{ __('radio.passwords_logs_empty') }}"></div>

                <div class="modal__foot">
                    <button class="btn btn--ghost" type="button" data-close>{{ __('radio.action_close') }}</button>
                </div>
            </div>
        </div>

    </div>

</main>

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

@include('includes/footer-novo')