@extends('layouts.argo')
@section('content')
<div class="col">
    <div class="card">
        <div class="card-header">
            @can('ajuda.create')
            <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('ajuda.create')}}">Cadastrar nova informação</a>
            @endcan
            <h3 class="mb-0">Ajuda</h3>
        </div>
        <div class="card-body">
            <p>Aqui é possível consultar os atalhos e funcionalidades para o uso do Pabx Virtual. Qualquer dúvida ou questão, não esqueça de entrar em contato conosco. </p>
        </div>
    </div>
    <div class="card">
        @foreach($artigos as $artigo)
        <div class="card-body">
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="heading{{ $artigo->id }}">
                        <h4 class="panel-title flex-row">
                            <a class="btn btn-ajuda" role="button" data-toggle="collapse" href="#collapse{{ $artigo->id }}" aria-expanded="false" aria-controls="collapse{{ $artigo->id }}">
                                {{ $artigo->nome }}
                            </a>
                            <div class="float-right">
                                @can('ajuda.edit')
                                <a class="btn btn-primary btn-sm left" href="{{route('ajuda.edit', $artigo->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                                @endcan
                                
                                @can('ajuda.delete')
                                <form class="float-right" action="{{ route('ajuda.delete', $artigo->id)}}" method="POST">
                                    {{ csrf_field() }}
                                    @method('DELETE')
                                    <button onclick="return confirm('Tem certeza que deseja excluir')" type="submit" class="btn btn-danger btn-sm" title="Excluir"><i class="fas fa-trash"></i></button>
                                </form>
                                @endcan
                            </div>
                        </h4>
                    </div>
                    {{-- <div id="collapse{{ $artigo->id }}" class="collapse"> --}}
                    <div id="dropdown{{ $artigo->id }}" class="dropdown-ajuda">
                        <div class="panel-body">
                            <p>{!! $artigo->descricao !!}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    
    
    @if($excluidos->count() >=1 )
    @if(auth()->user()->existRole('Administrador'))
    <div class="container ajuda"> 
        <div class="box-branco">
            <h1 class="float-left">Excluidos</h1>
            <table class="table table-striped">
                <thead class="thead-dark">
                    <tr>
                        <th>Título</th>
                        <th>Data da exclusão</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($excluidos as $artigo)
                    <tr>
                        <td>{{$artigo->nome}}</td>
                        <td>{{ date('d/m/Y', strtotime($artigo->deleted_at))}}</td>
                        <td class="actions">
                            <a class="btn btn-warning btn-sm left" href="{{route('ajuda.active', $artigo->id)}}" title="Ativar"><i class="fas fa-plus"></i></a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>   
    </div>
    @endif
    @endif
</div>
@endsection