@extends('layouts.frontend-member')
@section('title', 'รายละเอียดกองทุน')
@section('content')
    <div class="container-fluid " style="padding:0px;width:100vw;">
        <div class="no_header">
            <div class="fl allhg txtl">
                <i class="bi bi-arrow-left fcc fw pointer" onclick="goback()" style="font-size: 24px;"></i>
            </div>
            <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
                <span class="fcc fzmmm">รายละเอียดทางการเงิน</span>
            </div>
            <div class="fr allhg txtr" style="line-height:50px;width:10%;">
            </div>
        </div>

        <div id="zlbox" style="width:100%;height:1200;background:#121420;padding:10px 0px;margin-top:40px;">
            <div class="orebox">
                <div style="width:100%;height:120px;">
                    <div style="width:30%;height:120px;line-height: 120px;float:left;text-align: center;">
                        <img src="{{ asset('fronts/home/Static/img/m1.jpg') }}" style="width:100%;">
                    </div>
                    <div style="width:70%;height:120px;float:left;padding:5px;">

                        <p class="fzmmm fcc">ชื่อกองทุน：กองทุนทองคำ</p>
                        <p class="fzmm fcc">บัญชีผู้ใช้ที่มีสิทธ์ซื้อ：vip1</p>
                        <p class="fzmmm fcc">ยอดคงเหลือในบัญชี：9688 </p>
                        <p class="fzmmm fcc">ระดับกองทุน：vip1</p>
                    </div>
                </div>

                <div style="width:100%;padding:15px 0px;">


                </div>

                <div style="width:100%;">
                    <div class="progress">
                        <div class="progress-bar" role="progressbar" style="width:90%;" aria-valuenow="90" aria-valuemin="0"
                            aria-valuemax="100">90%</div>
                    </div>
                </div>

                <div class="infobox">
                    <div style="width:100%;height:10px;"></div>
                    <div class="infobox_1">
                        <div class="infobox_1l">
                            <span class="fzmm fcc">การลงทุนขั้นต่ำ：</span>
                        </div>
                        <div class="infobox_1r">
                            <span class="fzmm fcc">15000.00 usdt</span>
                        </div>
                    </div>

                    <div class="infobox_1">
                        <div class="infobox_1l">
                            <span class="fzmm fcc">การลงทุนสูงสุด：</span>
                        </div>
                        <div class="infobox_1r">
                            <span class="fzmm fcc">15000000.00 </span>
                        </div>
                    </div>


                    <div class="infobox_1">
                        <div class="infobox_1l">
                            <span class="fzmm fcc">เวลา：</span>
                        </div>
                        <div class="infobox_1r">
                            <span class="fzmm fcc">1วัน</span>
                        </div>
                    </div>

                    <div class="infobox_1">
                        <div class="infobox_1l">
                            <span class="fzmm fcc">ปันผลต่อวัน：</span>
                        </div>
                        <div class="infobox_1r">
                            <span class="fzmm fcc">2.58%</span>
                        </div>
                    </div>

                    <div class="infobox_1">
                        <div class="infobox_1l">
                            <span class="fzmm fcc">อธิบาย：</span>
                        </div>
                        <div class="infobox_1r">
                            <span class="fzmm fcc">การตั้งถิ่นฐานปกติ</span>

                        </div>
                    </div>

                    <div class="infobox_1">
                        <div class="infobox_1l">
                            <span class="fzmm fcc">ใส่ยอดเงินที่ต้องการลงทุน：</span>
                        </div>
                        <div class="infobox_1r">
                            <span class="fzmm fcc"><input type="text" class="form-control" style="width:150px;"
                                    name="buy" id="buy" value="" placeholder="กรอกจำนวนเงิน"></span>

                        </div>
                    </div>



                    <input type="hidden" value="" id="cfebox">
                    <input type="hidden" value="1" id="kjid">

                    <input type="hidden" id="flag" value="1">
                    <input type="hidden" id="sharbltxt" var="">


                    <div class="buybtn" onclick="dzbuynow(1);">
                        <span class="fzmm fe6im">ซื้อ</span>
                    </div>


                </div>
            </div>
        </div>


    </div>
@endsection

@push('scripts')
    <script>
        function goback() {
            window.history.go(-1);
        }
    </script>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="{{ asset('fronts/assets/layer.js') }}"></script>
    <script type="text/javascript" src="{{ asset('fronts/assets/layui.js') }}"></script>
@endpush

@push('styles')
    <style>
        ::-webkit-input-placeholder {
            color: #b5b5b5;
            font-size: 12px;
        }

        ::-moz-placeholder {
            color: #b5b5b5;
            font-size: 12px;
        }

        input:focus {
            background: #ebecf0;
            outline: 1px solid #ebecf0;
        }

        a:hover,
        a:link,
        a:visited,
        a:active {
            color: #000000;
            text-decoration: none;
        }

        .no_header {
            position: fixed;
            z-index: 9999;
            background: #1b1d29;
            padding: 0px 10px;
            top: 0px;
            box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
        }

        .txtl {
            line-height: 50px;
            width: 10%;
        }

        .oplist {
            width: 100%;
            height: 50px;
            background: #000;
            padding: 0px 15px;
        }

        .listbox {
            width: 30px;
            height: 50px;
            line-height: 50px;
            float: left;
        }

        .emptybox {
            width: 30px;
            height: 50px;
            float: left;
        }

        .hsborder {
            border-bottom: 3px solid #FCD535;
        }

        .btmbox {
            width: 100%;
            height: 60px;
            background: #f5f5f5;
        }

        .orebox {
            width: 100%;
            margin: 0px auto;
            background: #f7f9fc;
            margin-bottom: 20px;
            box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
            padding: 10px;
            border-radius: 20px 20px 0 0
        }

        .progress-bar {
            color: #000;
            background: linear-gradient(to right, #f77062, #fe5196);
        }

        .progress {
            height: 0.9rem;
            background-color: #f5f5f5;
            border-radius: .5rem;
        }

        .obbox {
            width: 33.33%;
            height: 80px;
            float: left;
        }

        .obbox_h {
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

        .bm20 {
            margin-bottom: 2px;
        }

        .infobox {
            width: 100%;
            background: #f7f9fc;
            border-top: 1px solid #f7f9fc;
        }

        .infobox_1 {
            width: 100%;
            min-height: 40px;
        }

        .infobox_1l {
            width: 40%;
            float: left;
        }

        .infobox_1r {
            width: 60%;
            float: right;
        }

        .festyle {
            width: 80px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 5px;
            float: left;
        }

        .feactive {
            border: 1px solid #FCD535;
        }

        .fenc {
            border: 1px solid #000000;
        }

        .copyurl {
            background: #0052fe;
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px;
        }

        .buybtn {
            width: 60%;
            height: 40px;
            line-height: 40px;
            background: #00b897;
            color: #fff;
            margin-bottomop: 30px;
            text-align: center;
            border-radius: 5px;
            margin: auto
        }

        html,
        body {
            background-color: #fff;
        }
    </style>
@endpush