@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @if (Gate::allows('admin-mode'))
            @lang('descriptions.emergency-message.approval-view.admin')
        @else
            @lang('descriptions.emergency-message.approval-view')
        @endif
    </div>
    <div class="page-content">
        {!! Form::model($entry, ['route' => ['emergency-message.approval-view', $entry->id], 'class' => 'emergency-message-approval-form approval-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
            <div class="form-container">
                <div class="emergency-message-container">
                    <div class="message-preview landscape-preview" style="background-image: url({{ asset('images/previews/EMERGENCY_'.$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/EMERGENCY_'.$entry->id.'_portrait_preview.png') }})">
                        <i class="material-icons">zoom_in</i>
                    </div>
                </div>
                <div class="approval-options">
                    @if (Gate::allows('user-mode'))
                        <div class="form-group validity">
                            <div class="form-label">Laufzeit des Inhaltes</div>
                            <div class="valid-start">
                                <div class="form-label">Von</div>
                                {!! Form::text('valid_start', null, ['id' => 'valid-start-date', 'disabled' => 'disabled']) !!}
                                <i class="material-icons">today</i>
                            </div>
                            <div class="valid-end">
                                <div class="form-label">Bis</div>
                                {!! Form::text('valid_end', null, ['id' => 'valid-end-date', 'disabled' => 'disabled']) !!}
                                <i class="material-icons">today</i>
                            </div>
                        </div>
                    @endif
                    @if (isset($entry->remark))
                        <div class="form-group">
                            <div  class="form-label">Hinweis zur Freigabe:</div>
                            <div>{{ $entry->remark }}</div>
                        </div>
                    @endif
                    <div class="form-group remark">
                        <div  class="form-label">Ergänzende Hinweise (optional)</div>
                        {!! Form::text('remark', '', ['class' => 'form-control']) !!}
                    </div>
                </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('emergency-message.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