<script setup lang="ts">
import { BJ_Casino_Bot } from "../script/BJ_Casino_Bot";
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: any }>()

const self = {
    BJ_Casino: props.BJ_Casino,
}
const Script = new BJ_Casino_Bot(self);
const disabled = false;
</script>

<template>
    <!-- Info -->
    <div class="BJ_Casino_Bot" style="float: left;text-align: left;width:10%;" v-show="!Script.IsLogin.value">
        <BJ_Casino_Bot_Login :Client="self" :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 :Client="self" :Script="Script" />
    </div>

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

        <!-- Slot -->
        <div v-show="Script.SlotShow.value">
            <BJ_Casino_Bot_Slot :Client="self" :Script="Script" />
        </div>
    </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>