<?php

namespace App\Livewire\Pages;

use Livewire\Component;

class SoundControl extends Component
{
    public $buttons = [
        ['img'=>'音控-01.jpg', 'action'=>'pause'],
        ['img'=>'音控-02.jpg', 'action'=>'volume_up'],
        ['img'=>'音控-04.jpg', 'action'=>'mic_up'],
        ['img'=>'音控-06.jpg', 'action'=>'mute'],
        ['img'=>'音控-03.jpg', 'action'=>'volume_down'],
        ['img'=>'音控-05.jpg', 'action'=>'mic_down'],
        ['img'=>'音控-07.jpg', 'action'=>'original_song'],
        ['img'=>'音控-08.jpg', 'action'=>'service'],
        ['img'=>'音控-09.jpg', 'action'=>'replay'],
        ['img'=>'音控-11.jpg', 'action'=>'male_key'],
        ['img'=>'音控-12.jpg', 'action'=>'female_key'],
        ['img'=>'音控-10.jpg', 'action'=>'cut'],
        ['img'=>'音控-15.jpg', 'action'=>'lower_key'],
        ['img'=>'音控-14.jpg', 'action'=>'standard_key'],
        ['img'=>'音控-13.jpg', 'action'=>'raise_key'],
    ];

    public function sendVolumeControl(string $action)
    {
        // 這裡可以加你的 API 或邏輯
        // 範例：發送到後台控制音量
        info("Sound control action: ".$action);

        $this->dispatchBrowserEvent('notify', [
            'message' => "已執行操作: {$action}"
        ]);
    }

    public function render()
    {
        return view('livewire.pages.sound-control');
    }
}