@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.mitarbeiter-tips.crud')
    </div>
    <div class="page-content">
        {!! Form::model($entry, ['route' => ['mitarbeiter-tips.approval-view', $entry->id], 'class' => 'mitarbeiter-tips-approval-form approval-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
            <div class="form-container">
                <div class="mitarbeiter-tips-container">
                    <div class="message-preview landscape-preview" style="background-image: url({{ asset('images/previews/MITARBEITER_TIP_'.$entry->id.'_landscape_preview.png') }}">
                        <i class="material-icons">zoom_in</i>
                    </div>
                    <div class="message-preview portrait-preview" style="background-image: url({{ asset('images/previews/MITARBEITER_TIP_'.$entry->id.'_portrait_preview.png') }})">
                        <i class="material-icons">zoom_in</i>
                    </div>
                    @include ('partials.approval_view_options')
                </div>
            </div>
            {!! Form::checkbox('approve', 1, null, ['id' => 'approval-state', 'class' => 'hidden']) !!}
            <div class="approval-buttons action-buttons">
                <button type="submit" class="red-button reject">ablehnen</button>
                <a href="{{ route('mitarbeiter-tips.edit.step-1', $entry->id) }}?cancel_approval=true" class="red-button edit-approval-content">Ändern</a>
                <button type="submit" class="red-button approve">Freigeben</button>
            </div>
        {!! Form::close() !!}
    </div>
@endsection

@section('back_button')
    <a href="{{ route('approval-requests') }}" class="grey-button">Zurück</a>
@endsection