@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')

@section('content')


    <section class="page-header page-header-xlg parallax parallax-3"
         style="background-image:url('/assets/images/vision-min.jpg')">
    <div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

    <div class="container">
    </div>
</section>
<!-- /PAGE HEADER -->

<section>
    <div class="container">

        <div class="row">
            <!-- LEFT COLUMNS -->
            <div class="col-md-9 col-sm-9 col-md-push-3 col-sm-push-3">
                <h1>{{ __('webcontent.requirement_profile_at_mivita') }}</h1>

                <div class="col-md-12">
                    {!! __('webcontent.requirement_profile_at_mivita_copy') !!} 
                </div>

                <div class="col-md-12">
                    <hr>
                </div>
                <div class="col-md-12" id="youtube-HScne8">
                @if(Request::get('youtube') === 'HScne8-4d60')
                    <div class="embed-responsive embed-responsive-16by9 box-shadow-1">
                        <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/HScne8-4d60" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                @else
                    <div class="text-center">
                        <h4 class="mb-2">{{ __('website.youtube_accepted_copy') }}  </h4>
                        <a class="text-link" href="{{ url('/datenschutz') }}">{{ __('website.to_privacy_policy') }} </a><br>
                        <a class="btn btn-primary" href="{{ url('/') }}?youtube=HScne8-4d60#youtube-HScne8" rel="nofollow">{{ __('website.accept_youtube_load') }} n</a>
                    </div>
                    <br>
                    <div class="embed-responsive embed-responsive-16by9 box-shadow-1">
                        <img src="/images/youtube-screen-2.jpg" alt="" class="img-responsive">
                    </div>
                @endif
                </div>
                    
                <div class="clearfix"><br></div>

                @include('web.templates._content_contact')
            </div>
            <!-- /LEFT COLUMNS -->

            <!-- RIGHT COLUMNS -->
            <div class="col-md-3 col-sm-3 col-md-pull-9 col-sm-pull-9">
                @include('web.templates._bcategories')
            </div>
            <!-- /RIGHT COLUMNS -->

        </div>

    </div>
</section>


@endsection