@extends(decide_template())

@section('title', trans('Web Forms'))

@section('page_styles')
<style>
.wf-finished-code {
    background: #1e1e2e;
    color: #cdd6f4;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #313244;
}
.wf-finished-code__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #181825;
    border-bottom: 1px solid #313244;
}
.wf-finished-code__header span {
    font-size: 12px;
    font-weight: 600;
    color: #a6adc8;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.wf-finished-code textarea.form-control {
    background: transparent;
    color: #cdd6f4;
    border: none;
    border-radius: 0;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 13px;
    line-height: 1.6;
    padding: 16px;
    resize: vertical;
}
.wf-finished-code textarea.form-control:focus {
    box-shadow: none;
    border: none;
}
</style>
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/includes/common.js') }}" type="text/javascript"></script>
@endsection

@section(decide_content())

<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="AgLBVwNW">
    {{ Session::get('msg') }}
</div>
@endif

@if (Session::has('error'))
<div class="alert alert-danger" data-name="FWPJmsgB">
    {{ Session::get('error') }}
</div>
@endif

<div id="msg" class="display-hide" data-name="mGFWfDYp">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'></span>
</div>

<div class="row" data-name="eKSYesuH">
    <div class="col-md-12" data-name="hnPwqgIC">
        <div class="kt-portlet kt-portlet--height-fluid" data-name="mBCAmcPD">
            <div class="kt-portlet__body" data-name="RQSzHhvo">
                <div class="table-toolbar" data-name="ximabsKs">
                    <div class="row" data-name="FFYTnefN">
                        <div class="col-md-12" data-name="qJSIfjYr">
                           <div class="btn-group pull-right" data-name="mKrhJsZW">
                                <a href="{{ route('form.html.download',  $web_form_id) }}" class="btn btn-label-success">
                                    <i class="la la-download"></i> {{ trans('app.website_forms.subscription.view_all.buttons.download') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="wf-finished-code">
                    <div class="wf-finished-code__header">
                        <span>HTML</span>
                    </div>
                    <textarea class="form-control" rows="20" readonly>{!! $html_code !!}</textarea>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection