1<ion-view view-title="Travel">
 2  <ion-content>
 3    <div class="item item-avatar">
 4        <img ng-src="img/{{travel.modality}}.png" />
 5        <span class="badge badge-balanced" ng-show="travel.collectivized">Collectivized</span>
 6        <h2>{{travel.title}}</h2>
 7        <p>{{travel.owner}}</p>
 8    </div>
 9    <div class="item item-body">
10        <div class='o-float-right o-text-right'>
11            <div class="">{{travel.date | date:"dd/MM HH:mm a"}}</div>
12            <br>
13            <div class="o-mini-text" ng-show="travel.package">
14                <div ng-show="travel.modality=='offering'">can carry package <img src="img/package.png" class="o-imgMenu" /></div>
15                <div ng-show="travel.modality=='asking'">need to carry package <img src="img/package.png" class="o-imgMenu" /></div>
16            </div>
17        </div>
18        <p><img class='o-imgTitle' src="img/from-to.png" />{{travel.from}} - {{travel.to}}</p>
19        <p>
20            <div ng-show="travel.modality=='offering'">nº car seats: {{travel.seats}}</div>
21            <div ng-show="travel.modality=='asking'">nº people: {{travel.seats}}</div>
22        </p>
23        <p class="o-bold">{{travel.description}}</p>
24        <br>
25        <p>
26            <img class='o-imgMenu' src="img/smartphone.png" /> {{travel.phone}}
27        </p>
28        <p>
29            <img class='o-imgMenu' src="img/telegram.png" /> {{travel.telegram}}
30        </p>
31
32        <p class='text-right'>
33            <a ng-show="travel.modality=='offering'" href="#" class="button button-calm o-pull-right">Ask to join</a>
34            <a ng-show="travel.modality=='asking'" href="#" class="button button-calm o-pull-right">Offer car</a>
35        </p>
36    </div>
37  </ion-content>
38</ion-view>