<div class="panel panel-default {{order.orderStateClass}} presentation-panel">
  {{#if showDetails}}
      <div class="column-top panel-heading">
          <a href="#" {{action "closeOrder"}}>
              <div class="panel-heading" style="padding-left: 5px;padding-right: 5px;">
                  <div class="panel panel-strong order-status-panel {{order.orderStateClass}}">
                      <div class="pull-left" style="margin: 5px 15px;">
                          <div style="font-size: 10px;">
                            {{t "prop.orderState"}}
                          </div>
                          <div style="color: #000;font-size: 12px;font-weight: bold;">{{order.orderStateText}}</div>
                      </div>
                      <div class="pull-right" style="margin: 5px 15px;">
                          <div style="font-size: 10px;">
                            {{t "prop.orderNumber"}}
                          </div>
                          <div style="color: #000;font-size: 12px;font-weight: bold;">{{order.orderNumber}}</div>
                      </div>
                  </div>
              </div>
          </a>
      </div>
      <div class="column-middle">
          <div class="column-middle-container">
              <div class="column-middle-content panel-body order">
                  <div><i class="fa fa-envelope-o fa-fw"></i> {{order.email}}</div>
                  <hr/>
                  <h4>{{order.vehicleBrand}} {{order.vehicleModel}}
                      ({{if order.licensePlate order.licensePlate order.chassisNumber}})</h4>
                  <hr/>
                {{#if order.estimatedDeliveryDateTime}}
                    <div>
                        <strong>{{t "orderManagement.order.title.estimatedDeliveryTime"}}</strong>
                    </div>
                    <h4>
                      {{format-date-time order.estimatedDeliveryDateTime}}
                    </h4>
                {{else}}
                  {{#if order.requestedDeliveryDateTime}}
                      <div>
                          <strong>{{t "orderManagement.order.title.requestedDeliveryTime"}}</strong>
                      </div>
                      <h4>
                        {{format-date-time order.requestedDeliveryDateTime}}
                      </h4>
                  {{/if}}
                {{/if}}
                  <hr/>
                {{#each order.orderItems as |item|}}
                    <div>
                        <h4>{{item.product.name}}</h4>
                    </div>
                {{/each}}
              </div>
          </div>
      </div>
      <div class="column-bottom">
          <div class="panel-footer clearfix">
            {{#if order.isStoreNew}}
                <div class="row">
                    <div class="col-xs-12">
                        <button class="btn btn-success btn-order-action" {{action 'openConfirm'}}>
                          {{t "action.confirm.execute"}} <i class="fa fa-fw fa-envelope-o pull-right"></i>
                        </button>
                    </div>
                </div>
            {{else}}
                <div class="row">
                    <div class="col-xs-12">
                        <button class="{{if order.isConfirmed 'btn-primary' 'btn-default'}} btn btn-order-action" {{action 'openStartPreparing'}}
                                disabled={{order.disableStartPreparing}}>
                          {{t "action.startPreparing.execute"}}
                        </button>
                    </div>
                    <div class="col-xs-12">
                        <button class="{{if order.isPreparing 'btn-primary' 'btn-default'}} btn btn-order-action" {{action 'openFinishPreparing'}}
                                disabled={{order.disableFinishPreparing}}>
                          {{t "action.finishPreparing.execute"}} <i class="fa fa-fw fa-envelope-o pull-right"></i>
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <button class="{{if order.isConfirmed 'btn-primary' 'btn-default'}} {{if order.isPrepared 'btn-primary' 'btn-default'}} btn btn-order-action" {{action 'openStartProcessing'}}
                                disabled={{order.disableStartProcessing}}>
                          {{t "action.startProcessing.execute"}}
                        </button>
                    </div>
                    <div class="col-xs-12">
                        <button class="{{if order.isProcessing 'btn-primary' 'btn-default'}} btn btn-order-action" {{action 'openFinishProcessing'}}
                                disabled={{order.disableFinishProcessing}}>
                          {{t "action.finishProcessing.execute"}}
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <button class="{{if order.disableInitializeDelivery 'btn-default' 'btn-success'}} btn btn-order-action" {{action 'openInitializeDelivery'}}
                                disabled={{order.disableInitializeDelivery}}>
                          {{t "action.initializeDelivery.execute"}}
                        </button>
                    </div>
                    <div class="col-xs-12">
                        <button class="{{if order.isDeliveryInitialized 'btn-success' 'btn-default'}} btn btn-order-action" {{action 'openCompleteOrder'}}
                                disabled={{order.disableCompleteDelivery}}>
                          {{t "action.completeDelivery.execute"}} <i class="fa fa-fw fa-envelope-o pull-right"></i>
                        </button>
                    </div>
                </div>
            {{/if}}
              <hr style="margin: 0 0 10px 0;border-top: 1px solid #666;z-index: 1;"/>
              <div class="row">
                  <div class="col-xs-12">
                      <button class="btn btn-info btn-order-action" {{action 'openSendMessage'}}>
                        {{t "action.addMessage.execute"}} <i class="fa fa-fw fa-envelope-o pull-right"></i>
                      </button>
                  </div>
              </div>
          </div>
      </div>

    {{#if displayConfirm}}
      {{orders/confirm-order display=displayConfirm order=order}}
    {{/if}}
    {{#if displayReject}}
      {{orders/reject-order display=displayReject order=order}}
    {{/if}}
    {{#if displayStartPreparing}}
      {{orders/start-preparing-order display=displayStartPreparing order=order}}
    {{/if}}
    {{#if displayFinishPreparing}}
      {{orders/finish-preparing-order display=displayFinishPreparing order=order}}
    {{/if}}
    {{#if displayStartProcessing}}
      {{orders/start-processing-order display=displayStartProcessing order=order}}
    {{/if}}
    {{#if displayFinishProcessing}}
      {{orders/finish-processing-order display=displayFinishProcessing order=order}}
    {{/if}}
    {{#if displayInitializeDelivery}}
      {{orders/initialize-delivery display=displayInitializeDelivery order=order}}
    {{/if}}
    {{#if displayCompleteOrder}}
      {{orders/complete-delivery display=displayCompleteOrder order=order}}
    {{/if}}
    {{#if displaySendMessage}}
      {{orders/send-message display=displaySendMessage order=order}}
    {{/if}}
  {{else}}
      <a href="#" {{action "openOrder"}}>
          <div class="panel-body center">
              <div class="center" style="font-size: 18px;margin-bottom: 10px;">
                  <strong>{{order.vehicleModel}}</strong>
                {{#if order.licensePlate}}
                    <span style="text-transform: uppercase;"> ({{order.licensePlate}})</span>
                {{else}}
                  {{#if order.chassisNumber}}
                      <span> ({{order.chassisNumber}})</span>
                  {{/if}}
                {{/if}}
              </div>
              <div class="{{if order.isOverdue 'order-is-overdue'}} {{if order.isToday 'order-is-today'}}"
                   style="font-size: 16px;">{{format-date-time order.starts}}</div>
          </div>
      </a>
  {{/if}}
</div>