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

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

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

    $weekdays = [
        'sun' => [__('radio.weekday_short_sun'), __('site.page_scheduling_weekday_0')],
        'mon' => [__('radio.weekday_short_mon'), __('site.page_scheduling_weekday_1')],
        'tue' => [__('radio.weekday_short_tue'), __('site.page_scheduling_weekday_2')],
        'wed' => [__('radio.weekday_short_wed'), __('site.page_scheduling_weekday_3')],
        'thu' => [__('radio.weekday_short_thu'), __('site.page_scheduling_weekday_4')],
        'fri' => [__('radio.weekday_short_fri'), __('site.page_scheduling_weekday_5')],
        'sat' => [__('radio.weekday_short_sat'), __('site.page_scheduling_weekday_6')],
    ];

    $hasActive = $allRelays->contains('active', '1');
    $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.menu_item_5_sub_1') }}</h1>
            <p class="page-sub">{{ __('radio.relays_page_sub') }}</p>
        </div>
        <div class="page-head__actions">
            <a href="{{ route('radio.relays.c') }}" class="btn btn--primary">
                <i class="fa-solid fa-plus"></i>
                <span>{{ __('radio.relays_new') }}</span>
            </a>
        </div>
    </header>

    <div class="rly"
         data-flash="{{ $flash }}"
         data-url-start="{{ route('radio.relays.start', ':token') }}"
         data-msg-remove-title="{{ __('general.action_remove') }}"
         data-msg-remove="{{ __('radio.relays_remove_confirm') }}"
         data-msg-confirm="{{ __('site.action_confirm') }}"
         data-msg-stop-title="{{ __('radio.relays_stop_title') }}"
         data-msg-stop="{{ __('radio.relays_stop_confirm') }}"
         data-msg-stop-confirm="{{ __('radio.relays_action_stop') }}">

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

            @if(!$allRelays->count())
                <div class="rly__empty">
                    <i class="fa-solid fa-tower-broadcast"></i>
                    <h3>{{ __('radio.relays_empty') }}</h3>
                    <p>{{ __('radio.relays_empty_help') }}</p>
                    <a class="btn btn--primary" href="{{ route('radio.relays.c') }}">
                        <i class="fa-solid fa-plus"></i>
                        <span>{{ __('radio.relays_new') }}</span>
                    </a>
                </div>
            @else
                <ul class="rly__list">
                    @foreach($allRelays as $relay)
                        @php
                            $days = collect($weekdays)->filter(fn ($labels, $key) => $relay->{$key});
                            $when = $relay->type == '2'
                                ? date('d/m/Y', strtotime($relay->start_time))
                                : $days->map(fn ($labels) => $days->count() > 1 ? $labels[0] : $labels[1])->implode(', ');

                            $start = date('H:i', strtotime($relay->start_time ?: $relay->time_start));

                            if ($relay->end_time) {
                                $end = $relay->type == '1'
                                    ? date('d/m/Y H:i', strtotime($relay->end_time))
                                    : date('H:i', strtotime($relay->end_time));
                            } elseif ($relay->always == '0' && $relay->time_end) {
                                $end = date('H:i', strtotime($relay->time_end));
                            } else {
                                $end = __('radio.relays_always_active');
                            }
                        @endphp

                        <li class="rly__item @if($relay->active == '1') is-live @endif">
                            <span class="rly__ic"><i class="fa-solid fa-tower-broadcast"></i></span>

                            <span class="rly__info">
                                <span class="rly__name">{{ $relay->name }}</span>
                                <span class="rly__meta">
                                    <i class="fa-regular fa-calendar"></i> {{ $when ?: __('radio.relays_when_date') }}
                                    <span class="rly__dot">&middot;</span>
                                    <i class="fa-regular fa-clock"></i> {{ $start }} - {{ $end }}
                                </span>
                            </span>

                            @if($relay->active == '1')
                                <span class="rly__tag rly__tag--live">
                                    <i class="fa-solid fa-tower-broadcast"></i> {{ __('radio.home_block_item_type_2') }}
                                </span>
                            @else
                                <span class="rly__tag">{{ __('radio.status_offline') }}</span>
                            @endif

                            <span class="rly__acts">
                                @if(!$hasActive)
                                    <button type="button" class="rly__ico rly__ico--start"
                                            data-start="{{ $relay->id }}"
                                            data-token="{{ str_replace('/', '|brasbar', EncryptBras($relay->id . '|' . $relay->port)) }}"
                                            data-name="{{ $relay->name }}"
                                            data-end="{{ $relay->time_end }}"
                                            data-tip="{{ __('radio.relays_action_start') }}">
                                        <i class="fa-solid fa-circle-play"></i>
                                    </button>
                                @endif

                                @if($relay->active == '1')
                                    <a class="rly__ico" href="{{ route('radio.relays.r.data', $relay->id) }}"
                                       data-tip="{{ __('radio.relays_action_view') }}">
                                        <i class="fa-solid fa-eye"></i>
                                    </a>

                                    <button type="button" class="btn btn--danger btn--sm rly__stop" data-stop="{{ $relay->id }}">
                                        <i class="fa-solid fa-link-slash"></i>
                                        <span>{{ __('radio.relays_action_stop') }}</span>
                                    </button>

                                    <form id="rlystop{{ $relay->id }}" action="{{ route('radio.relays.stop', $relay->id) }}" method="POST" hidden>
                                        @csrf
                                    </form>
                                @else
                                    <a class="rly__ico" href="{{ route('radio.relays.u', $relay->id) }}"
                                       data-tip="{{ __('radio.relays_edit') }}">
                                        <i class="fa-solid fa-pen"></i>
                                    </a>

                                    <button type="button" class="rly__ico rly__ico--danger"
                                            data-remove="{{ $relay->id }}" data-tip="{{ __('general.action_remove') }}">
                                        <i class="fa-solid fa-trash-can"></i>
                                    </button>

                                    <form id="rlyremove{{ $relay->id }}" action="{{ route('radio.relays.d', $relay->id) }}" method="POST" hidden>
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                @endif
                            </span>
                        </li>
                    @endforeach
                </ul>

                @if($hasActive)
                    <p class="rly__note">
                        <i class="fa-solid fa-circle-info"></i>
                        <span>{{ __('radio.relays_running_note') }}</span>
                    </p>
                @endif
            @endif
        </section>

        <div class="modal rlymodal" data-modal-start hidden>
            <div class="modal__card" role="dialog" aria-modal="true">
                <h2 class="modal__title">{{ __('radio.relays_modal_start_title') }}</h2>

                <p class="rlymodal__line">
                    {{ __('radio.menu_item_5_sub_1') }}: <b data-start-name></b>
                </p>
                <p class="rlymodal__line">
                    {{ __('radio.relays_table_start') }}: <b>{{ __('radio.relays_modal_now') }}</b>
                </p>

                <form id="rly-start" method="POST" action="">
                    @csrf

                    <div class="rlymodal__modes" role="radiogroup">
                        <label class="rlymodal__mode">
                            <input type="radio" name="always" value="0" checked>
                            <span>{{ __('radio.relays_finish_at') }}</span>
                        </label>
                        <label class="rlymodal__mode">
                            <input type="radio" name="always" value="1">
                            <span>{{ __('radio.relays_keep_active') }}</span>
                        </label>
                    </div>

                    <label class="rlymodal__field" data-end-field>
                        <span class="rlymodal__label">{{ __('radio.relays_modal_end_at') }}</span>
                        <input type="datetime-local" class="input" name="end_time" data-end-time>
                    </label>
                </form>

                <div class="modal__foot">
                    <button class="btn btn--ghost" type="button" data-close>{{ __('radio.action_close') }}</button>
                    <button class="btn btn--primary" type="submit" form="rly-start">
                        <i class="fa-solid fa-circle-play"></i>
                        <span>{{ __('radio.relays_start_btn') }}</span>
                    </button>
                </div>
            </div>
        </div>

    </div>

</main>

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

@include('includes/footer-novo')