castopod/themes/cp_admin/podcast/platforms.php

<?= $this->extend('_layout') ?>

<?= $this->section('title') ?>
<?= lang('Platforms.title') ?>
<?= $this->endSection() ?>

<?= $this->section('pageTitle') ?>
<?= lang('Platforms.title') ?>
<?= $this->endSection() ?>

<?= $this->section('content') ?>

<?= form_open(route_to('platforms-save', $podcast->id, $platformType), [
    'class' => 'flex flex-col max-w-md',
]) ?>
<?= csrf_field() ?>

<?php foreach ($platforms as $platform): ?>

<div class="relative flex items-start mb-8">
    <div class="flex flex-col items-center w-12 mr-4">
        <?= anchor(
    $platform->submit_url,
    icon(
        $platform->type . '/' . $platform->slug,
        'text-gray-600 text-4xl',
    ),
    [
        'class' => 'mb-1 text-gray-600 hover:text-gray-900',
        'target' => '_blank',
        'rel' => 'noopener noreferrer',
        'data-toggle' => 'tooltip',
        'data-placement' => 'bottom',
        'title' => lang('Platforms.submit_url', [
            'platformName' => $platform->label,
        ]),
    ],
) ?>
        <div class="inline-flex bg-gray-200">
            <?= anchor($platform->home_url, icon('external-link', 'mx-auto'), [
                'class' => 'flex-1 text-gray-600 hover:text-gray-900',
                'target' => '_blank',
                'rel' => 'noopener noreferrer',
                'data-toggle' => 'tooltip',
                'data-placement' => 'bottom',
                'title' => lang('Platforms.home_url', [
                    'platformName' => $platform->label,
                ]),
            ]) ?>
            <?= $platform->submit_url
                ? anchor($platform->submit_url, icon('add', 'mx-auto'), [
                    'class' => 'flex-1 text-gray-600 hover:text-gray-900',
                    'target' => '_blank',
                    'rel' => 'noopener noreferrer',
                    'data-toggle' => 'tooltip',
                    'data-placement' => 'bottom',
                    'title' => lang('Platforms.submit_url', [
                        'platformName' => $platform->label,
                    ]),
                ])
                : '' ?>
        </div>
    </div>
    <div class="flex flex-col flex-1">
        <?= $platform->link_url
            ? anchor(
                route_to(
                    'podcast-platform-remove',
                    $podcast->id,
                    $platform->slug,
                ),
                icon('delete-bin', 'mx-auto'),
                [
                    'class' =>
                        'absolute right-0 p-1 bg-red-200 rounded-full text-red-700 hover:text-red-900',
                    'data-toggle' => 'tooltip',
                    'data-placement' => 'bottom',
                    'title' => lang('Platforms.remove', [
                        'platformName' => $platform->label,
                    ]),
                ],
            )
            : '' ?>
        <fieldset>
            <legend class="mb-2 font-semibold"><?= $platform->label ?></legend>
            <Forms.Input
                class="w-full mb-1"
                id="<?= $platform->slug . '_link_url' ?>"
                name="<?= 'platforms[' . $platform->slug . '][url]' ?>"
                value="<?= $platform->link_url ?>"
                type="url"
                placeholder="https://…" />
            <Forms.Input
                class="w-full mb-1"
                id="<?= $platform->slug . '_link_content' ?>"
                name="<?= 'platforms[' . $platform->slug . '][content]' ?>"
                value="<?= $platform->link_content ?>"
                placeholder="<?= lang("Platforms.description.{$platform->type}") ?>" />
            <Forms.Toggler size="small" class="text-sm" id="<?= $platform->slug . '_visible' ?>" name="<?= 'platforms[' . $platform->slug . '][visible]'?>" value="yes" checked="<?= old($platform->slug . '_visible', $platform->is_visible ? $platform->is_visible : false) ?>"><?= lang('Platforms.visible') ?></Forms.Toggler>
            <Forms.Toggler size="small" class="text-sm" id="<?= $platform->slug . '_on_embeddable_player' ?>" name="<?= 'platforms[' . $platform->slug . '][on_embeddable_player]'?>" value="yes" checked="<?= old($platform->slug . '_on_embeddable_player', $platform->is_on_embeddable_player ? $platform->is_on_embeddable_player : false) ?>"><?= lang('Platforms.on_embeddable_player') ?></Forms.Toggler>
        </fieldset>
    </div>
</div>

<?php endforeach; ?>

<Button variant="primary" type="submit" class="self-end"><?= lang('Platforms.submit') ?></Button>

<?= form_close() ?>

<?= $this->endSection() ?>