@extends('layouts.front.shell')

@section('cssdefine')

<link href="{{ asset('assets/css/reset.css') }}" rel="stylesheet">

@endsection

@section('content')
<section class="main">
    <div class="content">
        <h4 class="text-center">{{__('project-fee.intro_project')}}</h4>
        <div class="row gx-5 my-4 mw-1200 m-0auto">
            <div class="col-md-4 text-center mb-4">
                <div class="project-border-box">
                    <p class="fs-sm">Basic</p>
                    <h5 class="mb-3">{{__('home.free')}}</h5>
                    <div><a href="login.php" class="btn-sm btn-green mb-3">{{__('home.start_register')}}</a></div>
                    <ul class="mt-3">
                        {!!__('home.basicdetail')!!}

                        <!-- <li>語音辨識即時字幕（1次）</li>
                                <li>即時翻譯字幕（1次）</li>
                                <li>最多10人會議</li>
                                <li>最長50分鐘會議</li>
                                <li>視訊畫質最高 480p</li> -->
                    </ul>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="project-border-box">
                    <p class="fs-sm">Pro</p>
                    <h5 class="mb-3">{{__('home.proprice')}}</h5>
                    <div><a href="login.php" class="btn-sm btn-green mb-3">{{__('home.buynow')}}</a></div>
                    <ul class="mt-3">
                    {!!__('home.prodetail')!!}

                        <!-- <li>語音辨識即時字幕（依照用量扣點數）</li>
                        <li>即時翻譯字幕（依照用量扣點數）</li>
                        <li>人會議數無上限</li>
                        <li>會議時間無限制</li>
                        <li>視訊畫質最高 720p</li>
                        <li>會議逐字稿</li>
                        <li>會議錄影</li> -->
                    </ul>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="project-border-box">
                    <p class="fs-sm">Premium</p>
                    <h5 class="mb-3">{{__('home.preprice')}}</h5>
                    <div><a href="login.php" class="btn-sm btn-green mb-3">{{__('home.buynow')}}</a></div>
                    <ul class="mt-3">
                    {!!__('home.predetail')!!}

                        <!-- <li>語音辨識即時字幕（依照用量扣點數）</li>
                        <li>即時翻譯字幕（依照用量扣點數）</li>
                        <li>人會議數無上限</li>
                        <li>會議時間無限制</li>
                        <li>視訊畫質最高 1080p</li>
                        <li>會議逐字稿及會議紀錄</li>
                        <li>會議錄影（含字幕）</li> -->
                    </ul>
                </div>
            </div>
        </div>
        <hr>
        <h4 class="text-center my-4">{{__('project-fee.project_compare')}}</h4>
        <table class="table table-hover mw-1200 m-0auto">
            <thead>
                <tr>
                    <th scope="col"></th>
                    <th scope="col">
                        Basic<br>
                        {{__('home.free')}}</th>
                    <th scope="col">
                        Pro<br>
                        {{__('home.proprice')}}
                    </th>
                    <th scope="col">
                        Premium<br>
                        {{__('home.preprice')}}
                    </th>
                </tr>
            </thead>
            <tbody>
                {!!__('project-fee.compareall')!!}
                <!-- <tr>
                    <td>語音辨識即時字幕</td>
                    <td>1次50分鐘完整會議體驗</td>
                    <td>依照用量扣點數</td>
                    <td>依照用量扣點數</td>
                </tr>
                <tr>
                    <td>即時翻譯字幕</td>
                    <td>1次50分鐘完整會議體驗</td>
                    <td>依照用量扣點數</td>
                    <td>依照用量扣點數</td>
                </tr>
                <tr>
                    <td>會議逐字稿</td>
                    <td>Ｘ</td>
                    <td>Ｏ</td>
                    <td>Ｏ</td>
                </tr>
                <tr>
                    <td>會議紀錄</td>
                    <td>Ｘ</td>
                    <td>Ｘ</td>
                    <td>Ｏ</td>
                </tr>
                <tr>
                    <td>會議人數</td>
                    <td>10人</td>
                    <td>無限制（30人最佳體驗）</td>
                    <td>無限制（30人最佳體驗）</td>
                </tr>
                <tr>
                    <td>會議長度</td>
                    <td>50分鐘</td>
                    <td>無限制</td>
                    <td>無限制</td>
                </tr>
                <tr>
                    <td>桌面分享</td>
                    <td>Ｏ</td>
                    <td>Ｏ</td>
                    <td>Ｏ</td>
                </tr>
                <tr>
                    <td>會議錄影</td>
                    <td>Ｘ</td>
                    <td>Ｏ</td>
                    <td>Ｏ</td>
                </tr>
                <tr>
                    <td>影片字幕</td>
                    <td>Ｘ</td>
                    <td>Ｘ</td>
                    <td>Ｏ</td>
                </tr>
                <tr>
                    <td>文字聊天室</td>
                    <td>Ｏ</td>
                    <td>Ｏ</td>
                    <td>Ｏ</td>
                </tr>
                <tr>
                    <td>視訊畫質</td>
                    <td>最高480p</td>
                    <td>最高720p</td>
                    <td>最高1080p</td>
                </tr> -->
            </tbody>
        </table>
    </div>
</section>
@endsection