@php
    /**
     * @var \App\Models\Cases|\App\Models\Result|\App\Models\Article $model
     */
@endphp
<div class="page-input__content js-toggle-wrapper">
    <a href="#" class="button button--blue button--middle js-toggle-link">+ Добавить новый</a>
    <div class="js-toggle-block add-block">
        <label class="add-block__file file-label">
            <input id="avatar_platform" type="file" class="file-label__input">
            <span id="preview_avatar_platform" class="file-label__checkmark file-label__checkmark--round"></span>
        </label>
        <input type="text" id="name_platform" class="page-input__item add-block__input add-block__input--full" placeholder="Название">
        <a href="#" onclick="createPlatform()" class="add-block__button button button--middle button--green">Добавить</a>
    </div>
</div>
<div class="page-list">
    <div class="page-list__wrapper" id="content-platforms">
        @foreach (\App\Models\Platform::_list() as $platform)
            @php
                $isChecked = in_array($platform->id, old('platforms') ?? $model->getPlatformsLinkIds());
            @endphp
            <label class="radio page-list__item">
                <input name="platforms_id[]" type="checkbox" class="radio__item" value="{{$platform->id}}" {{$isChecked ? 'checked="checked"' : ''}}>
                <span class="radio__checkmark"></span>
                <span class="radio__label">
                    <span class="radio__img" style="background-image: url({{$platform->getLatestMedia(\App\Models\Platform::MEDIA_TYPE_AVATAR)->getUrl()}})"></span>
                    <span class="radio__text">{{$platform->name}}</span>
                </span>
            </label>
        @endforeach
    </div>
</div>
<div class="social--active" id="social">
    @foreach ($model->platforms_link()->get() as $platform_link)
        <div class="social__wrapper" data-id="${platform_id}">
            <div class="social__img js-social-img" style='background-image: url("{{$platform_link->platform()->first()->getLatestMedia(\App\Models\Platform::MEDIA_TYPE_AVATAR)->getUrl()}}");'>
            </div>
            <div class="page-input social__item">
                <label for="social-count" class="page-input__label title title--small title--grey title--bold">Кол-во
                    каналов</label>
                <input type="text" value="{{$platform_link->amount_channels}}" name="platforms[{{$platform_link->platform->id}}][count]" id="social-count" class="page-input__item">
            </div>
            <div class="page-input social__item">
                <label for="social-views" class="page-input__label title title--small title--grey title--bold">Просмотры,
                    М</label>
                <input type="text" value="{{$platform_link->total_views}}" name="platforms[{{$platform_link->platform->id}}][views]" id="social-views" class="page-input__item">
            </div>


            @php
                $medias = $platform_link->getMedia(\App\Models\PlatformsLink::MEDIA_TYPE_CHANNEL_AVATAR);
                $countAvatarChannels = count($medias);
            @endphp

            @foreach ($medias as $key => $media)
                <div class="page-input social__item social__item--channel">
                    <p class="page-input__label title title--small title--grey title--bold">Канал {{$key+1}}</p>
                    <label class="add-block__file file-label">
                        <input type="hidden" value="{{$media->id}}" name="channel_avatar_old[{{$platform_link->platform->id}}][]">
                        <input type="file" class="file-label__input" name="platforms[{{$platform_link->platform->id}}][pictures][{{$key}}]">
                        <span class="file-label__checkmark file-label__checkmark--loaded file-label__checkmark--round" style="background-image: url('{{$media->getUrl()}}')"></span>
                    </label>
                </div>
            @endforeach

            @for($i = $countAvatarChannels; $i < 3; $i++)
                <div class="page-input social__item social__item--channel">
                    <p class="page-input__label title title--small title--grey title--bold">Канал {{$i+1}}</p>
                    <label class="add-block__file file-label">
                        <input type="file" class="file-label__input" name="platforms[{{$platform_link->platform->id}}][pictures][{{$i}}]">
                        <span class="file-label__checkmark file-label__checkmark--round"></span>
                    </label>
                </div>
            @endfor
        </div>
    @endforeach
</div>

@error('platforms')
    <div class="alert alert-danger">{{ $message }}</div>
@enderror

@vite('resources/js/partials/platforms.js')