@section('title', __('radio.menu_item_5_sub_1').' '.$dataRelay->name)

@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'), 'url' => route('radio.relays.r')],
        ['label' => $dataRelay->name],
    ];

    $weekdays = [
        'sun' => __('radio.weekday_short_sun'),
        'mon' => __('radio.weekday_short_mon'),
        'tue' => __('radio.weekday_short_tue'),
        'wed' => __('radio.weekday_short_wed'),
        'thu' => __('radio.weekday_short_thu'),
        'fri' => __('radio.weekday_short_fri'),
        'sat' => __('radio.weekday_short_sat'),
    ];

    $isWeekly = (string) $dataRelay->type === '1';
    $isLive   = (string) $dataRelay->active === '1';
    $today    = strtolower(date('D'));

    $start = $isWeekly
        ? date('H:i', strtotime($dataRelay->time_start))
        : date('d/m/Y H:i', strtotime($dataRelay->start_time));

    if ($isWeekly) {
        $end = date('H:i', strtotime($dataRelay->time_end));
    } elseif ($dataRelay->end_time) {
        $end = date('d/m/Y H:i', strtotime($dataRelay->end_time));
    } else {
        $end = __('radio.relays_always_active');
    }

    $isWaiting = ! $isLive && ($isWeekly
        ? $dataRelay->{$today} && strtotime($dataRelay->time_start) > strtotime(date('H:i:s'))
        : $dataRelay->start_time && strtotime($dataRelay->start_time) > time());
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ $dataRelay->name }}</h1>
            <p class="page-sub">{{ __('radio.relays_show_sub') }}</p>
        </div>
        <div class="page-head__actions">
            <a href="{{ route('radio.relays.r') }}" class="btn btn--ghost">{{ __('radio.action_back') }}</a>

            @if($isLive)
                <button type="button" class="btn btn--danger" data-stop="{{ $dataRelay->id }}">
                    <i class="fa-solid fa-link-slash"></i>
                    <span>{{ __('radio.relays_action_stop') }}</span>
                </button>
            @else
                <a href="{{ route('radio.relays.u', $dataRelay->id) }}" class="btn btn--primary">
                    <i class="fa-solid fa-pen"></i>
                    <span>{{ __('general.action_edit') }}</span>
                </a>
            @endif
        </div>
    </header>

    <div class="rlyv"
         data-msg-copied="{{ __('general.action_copied') }}"
         data-msg-stop-title="{{ __('radio.relays_stop_title') }}"
         data-msg-stop="{{ __('radio.relays_stop_confirm') }}"
         data-msg-stop-confirm="{{ __('radio.relays_action_stop') }}">

        @if($isLive)
            <p class="rlyv__live">
                <i class="fa-solid fa-tower-broadcast"></i>
                <span>{{ __('radio.relays_show_live_note') }}</span>
            </p>
        @endif

        <section class="sec">
            <header class="sec__head">
                <h2 class="sec__title">{{ __('radio.relays_show_details') }}</h2>

                @if($isLive)
                    <span class="rly__tag rly__tag--live">
                        <i class="fa-solid fa-tower-broadcast"></i> {{ __('radio.home_block_item_type_2') }}
                    </span>
                @elseif($isWaiting)
                    <span class="rly__tag rly__tag--wait">
                        <i class="fa-regular fa-clock"></i> {{ __('radio.status_waiting') }}
                    </span>
                @else
                    <span class="rly__tag">{{ __('radio.status_offline') }}</span>
                @endif
            </header>

            <div class="sec__body rlyv__body">

                <div class="rlyv__field">
                    <span class="rlyv__label">{{ __('radio.relays_form_type') }}</span>
                    <span class="rlyv__value">
                        {{ $isWeekly ? __('radio.relays_form_type_weekdays') : __('radio.relays_form_type_datetime') }}
                    </span>
                </div>

                @if($isWeekly)
                    <div class="rlyv__field">
                        <span class="rlyv__label">{{ __('radio.relays_show_days') }}</span>
                        <div class="rlyv__days">
                            @foreach($weekdays as $key => $label)
                                <span class="rlyv__day @if($dataRelay->{$key}) is-on @endif">{{ $label }}</span>
                            @endforeach
                        </div>
                    </div>
                @endif

                <div class="rlyv__field">
                    <span class="rlyv__label">{{ $isWeekly ? __('radio.relays_form_time_start') : __('radio.relays_table_start') }}</span>
                    <span class="rlyv__value">{{ $start }}</span>
                </div>

                <div class="rlyv__field">
                    <span class="rlyv__label">{{ $isWeekly ? __('radio.relays_show_time_end') : __('radio.relays_table_end') }}</span>
                    <span class="rlyv__value">{{ $end }}</span>
                </div>

                @if($dataRelay->metadata)
                    <div class="rlyv__field">
                        <span class="rlyv__label">{{ __('radio.relays_form_metadata') }}</span>
                        <span class="rlyv__value">{{ $dataRelay->metadata }}</span>
                    </div>
                @endif

                <div class="rlyv__field rlyv__field--wide">
                    <span class="rlyv__label">{{ __('radio.relays_show_url') }}</span>
                    <div class="rlyv__box">
                        <span class="rlyv__data" data-copy-value="{{ $dataRelay->url }}">{{ $dataRelay->url }}</span>
                        <button type="button" class="rlyv__copy" data-copy data-tip="{{ __('radio.relays_show_copy_url') }}">
                            <i class="fa-regular fa-copy"></i>
                        </button>
                    </div>
                </div>

            </div>
        </section>

        @if($isLive)
            <form id="rlystop{{ $dataRelay->id }}" action="{{ route('radio.relays.stop', $dataRelay->id) }}" method="POST" hidden>
                @csrf
            </form>
        @endif

    </div>

</main>

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

@include('includes/footer-novo')