@extends('layouts.' . $template_name)

@section('own-content')

    {{-- se incluye el contenedor sidebar y subheader --}}
    @include('shared.commons.container-sidebar-subheader', ['windows_side' => true, 'page_subheader' => true])

    <section class="section-page-body voucher-finish-section">
        <div class="container container-title">
            <div class="row row-primary">
                <div class="col-header col-xs-12 col-sm-12">
                    <div class="row row-text-main-title">
                        <div class="col-text-main col-xs-12 col-sm-12">
                            <h2 class="main-title">@lang('voucher_finish.finish_excellent')</h2>
                            <p>@lang('voucher_finish.finish_order', ['number' => $order->id])</p>
                            <p><b>@lang('voucher_finish.finish')</b></p>
                        </div>
                    </div>
                </div>
                <voucher-capture ref="voucher_capture" 
                    :locale="{{ json_encode($localeSelected) }}"
                    :payment_methods_data="{{ json_encode($payment_method_data) }}"
                    gran_total="{{ $order->gran_total }}"
                    tipo_pago="{{ $order->tipo_pago }}"
                    :payment_details="{{ $order->payment_details }}"
                ></voucher-capture>
            </div>
        </div>
        <div class="container">
            <div class="row row-primary">
                <div class="col-rating col-xs-12 col-sm-12">

                    @auth
                    <div class="row row-form-comment">
                        @include('shared.components.rating-form', [
                            'is_multiple' => false,
                            'btn_no_thanks' => true
                            ])
                    </div>
                    @endauth
                </div>
            </div>
        </div>
    </section>
@endsection

@section('extra-head')
    @parent
    {!! Html::style(app()->environment('production') ? mix('css/voucher-finish.css') : asset('css/voucher-finish.css'), [], $isSSL) !!}
@endsection

@section('extra-scripts')
    @parent
    <script>
        $(window).on('load', function() {
            //** Delete order values in the localStorage
            app.__vue__.clearLocalStorage(true, true);
            //--

            //** Disabled body in load page
            setTimeout(function(){ $('#disabled_body').removeClass('show'); }, 1000); 
            //--
        });
    </script>
    {!! Html::script('js/starrr.js') !!}
    {!! Html::script('js/comments.js') !!}
@stop