@extends('layout.dashboard')

@section('content')
<div class="header fixed">
    <div class="sidebar-toggler visible-xs">
        <i class="ion ion-navicon"></i>
    </div>
    <span class="uppercase">
        <i class="ion ion-ios-pie-outline"></i> {{ trans('dashboard.metrics.metrics') }}
    </span>
    <a class="btn btn-md btn-success pull-right" href="{{ cachet_route('dashboard.metrics.create') }}">
        {{ trans('dashboard.metrics.add.title') }}
    </a>
    <div class="clearfix"></div>
</div>
<div class="content-wrapper header-fixed">
    <div class="row">
        <div class="col-sm-12">
            @include('dashboard.partials.errors')
            <div class="striped-list">
                @forelse($metrics as $metric)
                <div class="row striped-list-item">
                    <div class="col-md-6">
                        <i class="{{ $metric->icon }}"></i> <strong>{{ $metric->name }}</strong>
                        @if($metric->description)
                        <p><small>{{ Str::words($metric->description, 5) }}</small></p>
                        @endif
                    </div>
                    <div class="col-md-6 text-right">
                        <a href="{{ cachet_route('dashboard.metrics.edit', [$metric->id]) }}" class="btn btn-default">{{ trans('forms.edit') }}</a>
                        <a href="{{ cachet_route('dashboard.metrics.delete', [$metric->id], 'delete') }}" class="btn btn-danger confirm-action" data-method='DELETE'>{{ trans('forms.delete') }}</a>
                    </div>
                </div>
                @empty
                <div class="list-group-item text-danger">{{ trans('dashboard.metrics.add.message') }}</div>
                @endforelse
            </div>
        </div>
    </div>
</div>
@stop