@extends('adminlte::page')

@section('title', 'HeroLegend')

@section('content_header')
    <!-- <h1>Server</h1> -->
@stop

@section('content')
<div class="row">
    @if (Session::has('message'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
            <p><i class="icon fa fa-check"></i>{{Session::get('message')}}</p>
        </div>
    @endif
          <div class="col-md-12">
              <div class="box">
                  <div class="box-header">
                      <h3 class="box-title">List Mission</h3>
                  </div>
                  <div class="box-body">
                      <a href="{{route('missions.create')}}"  title="Create"><button class="btn btn-success btn-sm"><i class="" aria-hidden="true"></i> Create</button></a>
                      <div class="table-responsive">
                          <table class="table table-borderless">
                              <thead>
                                  <tr>
                                      <th> Name</th>
                                      <th> Actions</th>
                                  </tr>
                              </thead>
                              <tbody>
                              @foreach($mission_names as $mission_name)
                                <tr>
                                      <td>{{$mission_name->name}}</td>
                                      <td>
                                        <a href="{{route('missions.show',['name'=>$mission_name->name])}}" title="Mission Detail"><button class="btn btn-info btn-sm"><i class="fa fa-eye" aria-hidden="true"></i> View</button></a>
                                        <a href="{{route('missions.edit',['name'=>$mission_name->name])}}" title="Edit" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-pencil" aria-hidden="true"> Edit</span></a>
                                      </td>
                                </tr>
                                @endforeach
                              </tbody>
                          </table>
                          <div class="pagination-wrapper">
                            <div class="row pull-right">

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

                  </div>
              </div>
          </div>
      </div>
@stop