@extends($layout)
@section('content')

@php $canvasName = 'em'; @endphp

@include('canvas::showCanvasTop', ['canvasName' => 'em'])

    @if(count($allCanvas) > 0)
        <div id="sortableCanvasKanban" class="sortableTicketList disabled">
            <div class="row-fluid"><div class="column" style="width: 100%; min-width: calc(4 * 250px);">

                <div class="row canvas-row">
                    <div class="column" style="width:100%">
                        <h4 class="widgettitle title-primary center canvas-title-only">
                            <i class="fas fa-bullseye"></i> {!! __('box.em.header.goal') !!}
                        </h4>
                    </div>
                </div>

                <div class="row canvas-row" id="firstRow">
                    <div class="column" style="width: 50%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_who'])
                    </div>
                    <div class="column" style="width: 50%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_what'])
                    </div>
                </div>

                <div class="row canvas-row">
                    <div class="column" style="width: 100%">
                        <h4 class="widgettitle title-primary center canvas-title-only">
                            <i class="fas fa-heart"></i> {!! __('box.em.header.empathy') !!}
                        </h4>
                    </div>
                </div>

                <div class="row canvas-row" id="secondRow">
                    <div class="column" style="width: 25%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_see'])
                    </div>
                    <div class="column" style="width: 25%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_say'])
                    </div>
                    <div class="column" style="width: 25%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_do'])
                    </div>
                    <div class="column" style="width: 25%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_hear'])
                    </div>
                </div>

                <div class="row canvas-row">
                    <div class="column" style="width: 100%">
                        <h4 class="widgettitle title-primary center canvas-title-only">
                            <i class="fas fa-7"></i> {!! __('box.em.header.think_feel') !!}
                        </h4>
                    </div>
                </div>

                <div class="row canvas-row" id="thirdRow">
                    <div class="column" style="width: 50%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_pains'])
                    </div>
                    <div class="column" style="width: 50%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_gains'])
                    </div>
                </div>

                <div class="row canvas-row" id="fourthRow">
                    <div class="column" style="width: 100%">
                        @include('canvas::element', ['canvasName' => 'em', 'elementName' => 'em_motives'])
                    </div>
                </div>
            </div></div>
        </div>
        <div class="clearfix"></div>
    @endif

@include('canvas::showCanvasBottom', ['canvasName' => 'em'])

@endsection