@extends('templates.aluno')
@section('content')
<style>
    .mb{
        margin-bottom: 20px;
    }
    .avisoTexto{
        font-size: 15px;
    }
</style>
<div class="table-responsive">
    <div class="container mb">
        <div class="row">
            <a href="{{route('alunos.detalhes')}}" class="btn btn-primary btn-lg botao">
                <span>Página principal</span>       
            </a>
        </div>
    </div>
    <table class="table table-striped table-bordered">
        <thead>
            <th>Data</th>
            <th width="10%">Título</th>
            <th>Atividade de casa/classe</th>
            <th>Imagem</th>
        </thead>
        @if(count($agendas) > 0)
            @foreach ($agendas as $agenda)
            <tbody>
                <td>{{Carbon\Carbon::parse($agenda->data_agenda)->format('d/m/Y') ?? ''}}</td>
                <td>{{$agenda->titulo ?? ''}}</td>
                <td>{{$agenda->conteudo ?? ''}}</td>
                <td style="cursor:pointer;" data-toggle="modal" data-toggle="modal" data-target="#seu_modal-{{$agenda->id}}" data-url="/path/{{$agenda->imagem}}">
                    {!! !empty($agenda->imagem) ? '<span class="label label-success">com arquivo</span>' : '<span class="label label-danger">sem arquivo</span>'!!}  
                </td>
            </tbody>
            <div class="modal fade" id="seu_modal-{{$agenda->id}}" tabindex="-1" role="dialog">
                <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                    <h4 class="modal-title">Imagem</h4>
                    </div>
                    <div class="modal-body">
                        <img src="/img/agenda/{{$agenda->imagem}}" style="width: 200px;" alt="">
                    </div>
                    <div class="modal-footer">
                        <a style="text-align: left" href="{{route('alunos.downloadFile', $agenda->id)}}" class="btn btn-md btn-success">
                            <i class="fa fa-download"></i>
                        </a>
                    <button type="button" class="btn btn-warning" data-dismiss="modal">Fechar</button>
                    </div>
                </div>
                </div>
            </div>
            @endforeach
        @else
        <tbody>
            <tr>
                <td colspan="4" class="text-center">
                    <label for="" class="label label-warning avisoTexto">No momento, não há agenda(s) cadastrada(s) para essa turma!</label>
                </td>
            </tr>
        </tbody>    
        @endif
    </table>
    {!! $agendas->render() !!}
</div>
@stop