{{--

This view should be reusable in enterpise/voucher layouts.
All script and layout styles should be nested within their components,
Or to be compomentised to push once using stacks
Custom styles are applied for each enterprise/voucher project.

--}}

@php
    $platform_layout = $is_gamification ? getAppLayout() : 'digital_voucher_generic';
@endphp
@extends('layouts.'.$platform_layout, ['title' => $voucher_series['title'] ])

@section('style')
    @parent
@endsection

@section('script')
    @parent
    <script>
        var is_gamification = @json($is_gamification);
    </script>
    @include('components.enterprise_voucher.script-app-voucher')
@endsection


@section('menu')
    @parent
@endsection

@section('content')

    @if($is_gamification)
        @component('components.main.main_ui',['page'=>'voucher_download'])
            @slot('nav') <x-main._nav/> @endslot
            @slot('masthead') <x-main._masthead-main/> @endslot

            @component('components.enterprise_voucher.download_voucher', ['voucher'=> $voucher, 'voucher_series'=>$voucher_series, 'account'=>$account])
            @endcomponent

            @slot('footer') <x-main._footer/> @endslot
        @endcomponent

    @else
        @component('components.enterprise_voucher.download_voucher', ['voucher'=> $voucher, 'voucher_series'=>$voucher_series, 'account'=>$account])
        @endcomponent
    @endif

@endsection