@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @if ($step === 1)
            @lang('descriptions.exposes.crud')
        @elseif ($step === 2)
            @lang('descriptions.exposes.request-approval')
        @endif
    </div>
    <div class="page-content">
        @if (isset($expose))
            {!! Form::open(['route' => ['exposes.update', $expose->id], 'class' => 'exposes-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
        @else
            {!! Form::open(['route' => 'exposes.store', 'class' => 'exposes-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
        @endif
            <div class="form-container">
                @if ($step === 1)
                    {!! Form::hidden('step', 1) !!}
                    {!! Form::checkbox('go-to-preview', 1, null, ['id' => 'go-to-preview', 'class' => 'hidden']) !!}
                    <div class="expose-container">
                        @for ($i=1;$i<=2;$i++)
                            <div class="expose-object">
                                <i class="material-icons">picture_as_pdf</i>
                                <div class="expose-field expose-{{ $i }} @if ($errors->has('expose-'.$i)) has-error @endif">
                                    <canvas id="preview-canvas-{{ $i }}"></canvas>
                                    <div class="expose-file-info">
                                        <div class="expose-file grey-button">PDF hochladen</div>
                                        <input accept="application/pdf" name="expose-{{ $i }}" type="file">
                                        <img class="hidden-preview-{{ $i }}" src="">
                                    </div>
                                </div>
                            </div>
                        @endfor
                    </div>
                @elseif ($step === 2)
                    {!! Form::hidden('step', 2) !!}
                    {!! Form::checkbox('approval', 1, null, ['id' => 'approval', 'class' => 'hidden']) !!}
                    <div class="expose-container">
                        <div class="expose-object">
                            <div class="expose-field expose-1"></div>
                        </div>
                        <div class="expose-object">
                            <div class="expose-field expose-2"></div>
                        </div>
                    </div>
                    <div class="approval-options">
                        <div class="form-group approvers @if ($errors->has('approver')) has-error @endif">
                            <div class="form-label">Wer soll den Inhalt freigeben?</div>
                            {!! Form::select('approver', $approvers, null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group remark">
                            <div  class="form-label">Ergänzende Hinweise (optional)</div>
                            {!! Form::text('remark', null, ['class' => 'form-control']) !!}
                        </div>
                    </div>
                @endif
            </div>
            @include ('partials.action_btns')
        {!! Form::close() !!}
    </div>

    @if (isset($expose))
        {!! Helper::setExposeFiles($expose) !!}
    @endif

    <script src="{{ asset('js/pdf/pdf.js') }}"></script>
    <script src="{{ asset('js/pdf/pdf.worker.js') }}"></script>
@endsection

@section('back_button')
    @if ($step === 1)
        <a href="{{ route('exposes.index') }}" class="grey-button">Zurück</a>
    @elseif ($step === 2)
        @if (Helper::createMode())
            <a href="{{ route('exposes.create.step-1') }}" class="grey-button">Zurück</a>
        @elseif (Helper::editMode())
            <a href="{{ route('exposes.edit.step-1', $expose->id) }}" class="grey-button">Zurück</a>
        @endif
    @endif
@endsection