<script setup lang="ts">
import { BJ_Casino_Bot } from "../script/BJ_Casino_Bot";
import { BJ_Casino_BotController } from "../script/BJ_Casino_BotController";
import BJ_Casino_Bot_Info from './BJ_Casino_Bot_Info.vue';
import BJ_Casino_Bot_Lobby from './BJ_Casino_Bot_Lobby.vue';
import BJ_Casino_Bot_Login from "./BJ_Casino_Bot_Login.vue";
import BJ_Casino_Bot_Slot from './BJ_Casino_Bot_Slot.vue';

const props = defineProps<{ BJ_Casino_BotController: BJ_Casino_BotController }>()

const Script = new BJ_Casino_Bot();
Script.BotController = props.BJ_Casino_BotController;
</script>

<template>
    <!-- Login -->
    <div class="BJ_Casino_Bot" style="float: left;text-align: left;width:10%;" v-show="!Script.IsLogin.value">
        <BJ_Casino_Bot_Login :Script="Script" />
    </div>

    <!-- Info -->
    <div class="BJ_Casino_Bot" style="float: left;text-align: left;width:10%;" v-show="Script.IsLogin.value">
        <BJ_Casino_Bot_Info :Script="Script" />
    </div>

    <!-- Lobby -->
    <div class="BJ_Casino_Bot" style="float: left;text-align: left;width:20%;" v-show="Script.LobbyShow.value">
        <BJ_Casino_Bot_Lobby :Script="Script" />
    </div>

    <!-- Slot -->
    <div class="BJ_Casino_Bot" style="float: left;text-align: left;width:20%;" v-show="Script.SlotShow.value">
        <BJ_Casino_Bot_Slot :Script="Script" />
    </div>

    <!-- Log -->
    <div class="BJ_Casino_Bot" style="text-align: left;">
        <el-input id="DIV_LOG" v-model="Script.Log.value" :rows="7" type="textarea" style="width:50%;" />
    </div>
</template>