@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.events.crud')
    </div>
    <div class="page-content">
        {!! Form::model($event, ['route' => ['events.approval-view', $event->id], 'class' => 'events-approval-form approval-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
            <div class="form-container">
                <div class="events-container">
                    <div class="message-preview landscape-preview" style="background-image: url({{ asset('images/previews/EVENT_'.$event->id.'_landscape_preview.png') }}"></div>
                    <div class="message-preview portrait-preview" style="background-image: url({{ asset('images/previews/EVENT_'.$event->id.'_portrait_preview.png') }})"></div>
                    <div class="approval-options">
                        <div class="form-group touchpoints">
                            <div class="form-label">Wo soll der Inhalt angezeigt werden?</div>
                            <div class="touchpoint-option custom-control custom-checkbox">
                                {!! Form::checkbox('sf', 1, null, ['id' => 'sf', 'class' => 'custom-control-input', 'disabled' => 'disabled']) !!}
                                <label class="custom-control-label form-label" for="sf">Schaufenster-Bildschirm:</label>
                            </div>
                            <div class="touchpoint-option custom-control custom-checkbox">
                                {!! Form::checkbox('sb', 1, null, ['id' => 'sb','class' => 'custom-control-input', 'disabled' => 'disabled']) !!}
                                <label class="custom-control-label form-label" for="sb">SB-Bereich-Bildschirm:</label>
                            </div>
                            <div class="touchpoint-option custom-control custom-checkbox">
                                {!! Form::checkbox('stw', 1, null, ['id' => 'stw','class' => 'custom-control-input', 'disabled' => 'disabled']) !!}
                                <label class="custom-control-label form-label" for="stw">Stadtteilwandbildschirm:</label>
                            </div>
                        </div>
                        <div class="form-group validity">
                            <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover" data-content="Content" class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Title">
                                <i class="material-icons">info</i>
                            </a>
                            <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>
                        @if (isset($event->remark))
                            <div class="form-group">
                                <div  class="form-label">Hinweis zur Freigabe:</div>
                                <div>{{ $event->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>
            </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('events.edit.step-1', $event->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