<div>
  <ui-view autoscroll='true'></ui-view>

<section class="heading b-b">
  <div class="row no-gutter">
    <div class="col-xs-2 col-sm-2 col-md-1">
      <section class="heading-btn">
        <a href="#" ng-click="backPrevLocation($event)"><i class="fa fa-long-arrow-left "></i></a>
      </section>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md">
      <section class="heading-title">
        <h1>{{ event.title }}  <span class="v-middle badge text-xs bg-formation">{{event.categories[0].name}}</span></h1>
      </section>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md" ng-if="isAuthorized('admin')">
      <section class="heading-actions wrapper">

          <a ui-sref="app.admin.events_edit({id: event.id})" ng-if="isAuthorized('admin')" class="btn btn-lg btn-warning bg-white b-2x rounded m-t-xs text-u-c text-sm"><i class="fa fa-edit"></i> edit</a>
          <a ng-click="deleteEvent(event)" ng-if="isAuthorized('admin')" class="btn btn-lg btn-danger b-2x rounded no-b m-t-xs"><i class="fa fa-trash-o"></i></a> 

      </section>
    </div>
  </div>
</section>


<div class="row no-gutter">
  <div class="col-sm-12 col-md-12 col-lg-8">

    <div class="article wrapper-lg">

      <div class="article-thumbnail" ng-if="event.event_image">
        <img ng-src="{{event.event_image}}" alt="{{event.title}}" class="img-responsive">
      </div>

      <h3>Event description</h3>
      <p ng-bind-html="event.description | breakFilter"></p>
    </div>

  </div>
  
  <div class="col-sm-12 col-md-12 col-lg-4">

    <section class="widget panel b-a m" ng-if="event.event_files_attributes">
      <div class="panel-heading b-b">
        <span class="badge bg-warning pull-right">{{event.event_files_attributes.length}}</span>
        <h3>Download documents</h3>
      </div>
    
        <ul class="widget-content list-group list-group-lg no-bg auto">
          <li ng-repeat="file in event.event_files_attributes" class="list-group-item no-b clearfix">
            <a target="_blank" ng-href="{{file.attachment_url}}"><i class="fa fa-arrow-circle-o-down"> </i> {{file.attachment | humanize : 25}}</a>
          </li>
        </ul>
    </section>

    <section class="widget panel b-a m m-t-lg">
      <div class="panel-heading b-b small">
        <h3>Information</h3>
      </div>
 
      <div class="panel-content wrapper">

        <h5>{{event.categories[0].name}}</h5>
        <dl class="text-sm">
          <dt><i class="fa fa-calendar"></i> Dates :</dt>
          <dd>Start: <span class="text-u-l">{{event.start_date | amDateFormat:'DD/MM/YYYY'}}</span><br>Ends: <span class="text-u-l">{{event.end_date | amDateFormat:'DD/MM/YYYY'}}</span></dd>
          <dt><i class="fa fa-clock-o"></i> Hours :</dt>
          <dd ng-if="event.all_day == 'true'"><span>Toute la journée</span></dd>
          <dd ng-if="event.all_day == 'false'">From <span class="text-u-l">{{event.start_date | amDateFormat:'HH:mm'}}</span> to <span class="text-u-l">{{event.end_date | amDateFormat:'HH:mm'}}</span></dd>
        </dl>

        <div class="text-sm" ng-if="event.amount">
          <div>Full price : <span>{{ event.amount }} €</span></div>
          <div ng-if="event.reduced_amount > 0">Reduced price* : {{ event.reduced_amount }} €</div>
        </div>

        <div class="text-sm m-b" ng-if="event.nb_total_places">
          <div>Available seats: <span  class="font-sbold">{{event.nb_total_places}}</span></div>
        </div>
        <div class="text-sm m-b" ng-if="!event.nb_total_places">
          <div><span class="badge font-sbold">Free admission</span></div>
        </div>

      </div>

    </section>
 
     <div ng-if="event.reduced_amount" class="alert alert-warning text-sm m" role="alert">
       * Reduced price if you are under 25, a student or unemployed.
     </div>

  </div>

</div>


</div>