@extends($_viewFrame)

@section('pageTitleMain'){{'一物一码溯源防伪系统'}}@endsection

@section('body')

    <div style="height:calc(100vh - 300px);background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix(modstart_config('Tracking_QueryBackground',\ModStart\Core\Assets\AssetsUtil::fix('vendor/Tracking/image/bg.png')))}});" class="ub-bg-primary ub-cover contain"></div>

    <div class="ub-search-block" style="margin-top:-1px;">
        <div class="title">
            一物一码溯源防伪系统
        </div>
        <div class="form" style="padding:0 2rem;max-width:400px;margin:0 auto;">
            <form action="{{modstart_web_url('tracking/submit')}}" method="post" data-ajax-form>
                <div class="ub-form vertical">
                    <div class="line" style="padding:0.5rem 0;">
                        <div class="field">
                            <input type="text" name="code" class="form form-lg ub-text-center tw-rounded-3xl tw-w-full" placeholder="输入防伪码" />
                        </div>
                    </div>
                    @if(modstart_config('Tracking_QueryCaptchaProvider',null))
                        <div style="padding:0.5rem 0;">
                            {!! \Module\Vendor\Provider\Captcha\CaptchaProvider::get(modstart_config('Tracking_QueryCaptchaProvider',null))->render() !!}
                        </div>
                    @endif
                    <div class="line" style="padding:0.5rem 0;">
                        <div class="field">
                            <button type="submit" class="btn btn-lg btn-round tw-w-full"><i class="iconfont icon-search"></i> 立即查询</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="ub-container">
        @if(modstart_config('Tracking_QueryContent',null))
            <div class="tw-py-4">
                <div class="ub-html">
                    {!! modstart_config('Tracking_QueryContent',null) !!}
                </div>
            </div>
        @endif
    </div>

@endsection
