<?php
namespace OxygenApp\Views\Frontend\Content;
if (!defined('ABSPATH')) exit;

use OxygenApp\Views\IView;
use OxygenApp\Views\BaseView;
use OxygenApp\Utils\FrontendData;
use OxygenApp\Enums\FrontendDataType;

class LeftMenu extends BaseView implements IView
{
    public function render(): void
    {
        $routes = FrontendData::getInstance()->getDefaultSettings(FrontendDataType::ARRAY)['routes'] ?? [];
        ?>
            <div class="fixed left-[20px] top-[30%] md:top-[20%] z-10 bg-white bg-opacity-20 backdrop-blur-lg rounded-full shadow-lg py-3 px-2">
                <a href="#<?php echo esc_attr($routes['my_playlists']['hash'] ?? '') ?>">
                    <div class="p-2 mb-2 bg-white bg-opacity-50 rounded-full transition duration-300 ease-in-out hover:bg-opacity-80 blurred-icon choose-sounds-btn">
                        <img src="<?php echo esc_url(OXYLEAF_APP_PUBLIC_URL . '/app/Views/Frontend/assets/img/sounds.svg'); ?>" alt="">
                    </div>
                </a>
                <a href="#<?php echo esc_attr($routes['select_background']['hash'] ?? '') ?>">
                    <div class="p-2 bg-white bg-opacity-50 rounded-full transition duration-300 ease-in-out hover:bg-opacity-80 blurred-icon choose-sounds-btn">
                        <img src="<?php echo esc_url(OXYLEAF_APP_PUBLIC_URL . '/app/Views/Frontend/assets/img/image-backgrounds.svg'); ?>" alt="">
                    </div>
                </a>
            </div>
        <?php
    }
}