@extends('panel.layouts.base')
@section('seo_description', __('moonshine::resources/stream.description', ['project' => server()->getName()]))
@section('title',__('moonshine::resources/stream.title', ['project' => server()->getName()]))

@use(\MoonShine\Components\FormBuilder)
@use(\MoonShine\ActionButtons\ActionButton)
@use(\MoonShine\Fields\Text)
@use(\MoonShine\Fields\Select)
@use(\MoonShine\Fields\Url)
@use(\MoonShine\Fields\Textarea)
@use(\MoonShine\Fields\Number)
<style>
    .modal-content {
        max-width: 350px;
        margin: 0 auto;
    }

</style>
@section('content.main')

    <x-moonshine.box>
        <div class="-mt-2 mb-4 flex items-center gap-2 justify-between">
            <p class="md:text-xl">{{ __('moonshine::resources/stream.19') }}</p>
            @auth
                {!!
                    ActionButton::make(
                        label: __('moonshine::resources/stream.20'),
                    )
                        ->inModal(
                            fn() => __('moonshine::resources/stream.21'),
                            fn() => FormBuilder::make(
                                action: route('user.add-stream'),
                                fields: [
                                    Url::make(__('moonshine::resources/stream.23').': '.implode(', ', \App\Enums\Stream::getPlatformNames()),'link')->placeholder('https://www.youtube.com/watch?v=Ank6LE_ICVQ')->required(),
                                    Number::make(__('moonshine::resources/stream.27'),'date_end')->required()->default(4),
                                    view('components.recaptcha.recaptcha')
                                ],

                            )->submit(__('moonshine::resources/stream.30'), ['class' => 'w-full']),
                        )
                !!}
            @elseguest()
                <p>{{ __('moonshine::resources/stream.31') }} <a class="underline"
                                                                 href="{{ route('login') }}">{{ __('moonshine::resources/stream.32') }}</a>
                </p>
            @endguest
        </div>

        <hr class="mb-4">
        @if($streams->isNotEmpty())
            @php($streamEnable = false)
            <x-moonshine::grid style="position:relative;">
                @foreach($streams as $stream)
                    @if($stream->isActive())
                        @php($streamEnable = true)
                        <x-moonshine::column col-span="3">
                            {!! \App\Enums\Stream::getStreamView($stream->link) !!}
                        </x-moonshine::column>
                    @endif
                @endforeach
            </x-moonshine::grid>
            @if(!$streamEnable)
                <x-moonshine.error text="{{ __('moonshine::resources/stream.34') }}"/>
            @endif
        @else
            <x-moonshine.error text="{{ __('moonshine::resources/stream.34') }}"/>
        @endif
    </x-moonshine.box>
@endsection