@extends('layouts.app')

@section('content')
<div class="container">
    <p>
        <a class="btn btn-sm btn-primary" href="{{route('flow.create')}}">Proceso de creacion</a>
    </p>
    <div class="row">
        <div class="row">
         <div class="panel panel-info">
            <div class="panel-heading">Lista de flujo de trabajo</div>
  <!--           <div class="panel-body">

             </div> -->
             <table class="table table-bordered">
              <thead>
                  <tr>
                    <th>Nombre del proceso</th>
                    <th>Nombre de la plantilla</th>
                    <th>Estado</th>
                    <th>Tiempo de creacion</th>
                    <th>Operación</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($flows as $v)
                  <tr>
                    <td scope="row">{{$v->flow_name}}</td>
                    <td>
                      {{$v->template?$v->template->template_name:'Sin plantilla'}}
                    </td>
                    <td>
                      {{$v->is_publish?'Publicado':'No publicado'}}
                    </td>
                    <td>{{$v->created_at}}</td>
                    <td>
                        <a href="/flow/flowchart/{{$v->id}}" class="btn btn-info btn-xs">Diagrama de flujo</a>
                        <a href="{{route('flow.edit',['id'=>$v->id])}}" class="btn btn-primary btn-xs">Editar</a>
                        <a href="javascript:;" data-href="{{route('flow.destroy',['id'=>$v->id])}}" class="btn btn-danger btn-xs delete">Eliminar</a>
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
          </div>
      </div>
    </div>
</div>
@endsection