@extends('layouts.admin')
@section('content')

<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0 text-dark">Pontuação</h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href=" {{ route('admin.home') }}">Dashboard</a></li>
          <li class="breadcrumb-item active">Pontuação</li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
    <!-- /.content-header -->
<section class="content">
  <div class="container-fluid">
  	<p>
  		<a href="{{ route('admin.pontuacaos.create') }}" class="btn btn-primary">Adicionar Nova Pontuação</a>
  	</p>
  	<table id="myTable" class="table table-bordered table-striped">
  		<thead>
        <tr>
          <th>Código</th>
          <th>Status</th>
          <th>Data</th>
          <th>Atividade</th>
          <th>Igreja</th>
          <th>Usuario</th>
          <th>Pontos</th>
          
          <th>Ação</th>
        </tr>
      </thead>
      <tbody>
  		@foreach($pontuacaos as $c)
  			<tr>
  				<td>{{ $c->id }}</td>
          <td>{{ $c->status }}</td>
          <td>{{ $c->data != null ? date('d/m/Y', strtotime($c->data)) : $c->data }}</td>
          <td>{{ $c->atividade->nome }}</td>
          <td>{{ $c->usuario->igreja->nome }} </td>
          <td>{{ $c->usuario->name }} {{$c->usuario->last_name}}</td>
          <td>{{ $c->pontos }}</td>
  				<td>
            <a href="{{ route('admin.pontuacaos.edit',$c->id) }}" class="btn btn-info">Editar</a> 
            <a href="javascript:void(0)" onclick="$(this).parent().find('form').submit()" class="btn btn-danger">Deletar</a>
            <form action="{{ route('admin.pontuacaos.destroy',$c->id) }}" method="post">
              @method('DELETE')
              <input type="hidden" name="_token" value="{{ csrf_token() }}">
            </form>
          </td>
  			</tr>
  		@endforeach
      </tbody>
  	</table>
  </div>
</section>	


@endsection