@extends('layouts.admin.app')

@section('content')
    <!-- Main content -->
    <section class="content">
    @include('layouts.errors-and-messages')
    <!-- Default box -->
        @if($testimonials)
            <div class="content card">
                <div class="card-text responsive-font-size" style="font-size: 16px !important;">
                    <h2>Depoimentos</h2>
                    <table id="tablePedido" class="table table-striped table-responsive-md btn-table dataTables">
                        <thead class="">
                            <th>Cliente</th>
                            <th>Data</th>
                            <th>Depoimento</th>
                            <th>Ação</th>
                        </thead>
                        <tbody>
                        @foreach($testimonials as $depoimento)
                            @php
                                $dt = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $depoimento->created_at);
                            @endphp
                            <tr>
                                <th>{{ $depoimento->customer->name }}</th>
                                <th>{{ $dt->format('d-m-Y H:m') }}</th>
                                <th class=" text-wrap">{{ $depoimento->msg }}</th>
                                <th>
                                  <div class="">
                                        @if($depoimento->aprovado)
                                            <i class="far fa-thumbs-up text-success" title="Depoimento aprovado. Está sendo exibido no site" data-toggle="tooltip"></i>
                                        @else
                                            <i class="far fa-thumbs-down text-danger" title="Depoimento não aprovado. Não está sendo exibido no site" data-toggle="tooltip"></i>
                                        @endif
                                        <a href="{{ route('admin.testimonials.edit',$depoimento->id) }}" class="btn btn-success px-3 aprovar" title="Aprovar ou recusar Depoimento" data-toggle="tooltip" name="aprovar"><i class="fas fa-calendar-check"></i></a>
                                  </div>
                                </th>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        @else
            <div class="box">
                <div class="box-body"><p class="alert alert-warning">Não foi encontrado nenhum endereço.</p></div>
            </div>
        @endif
    </section>
    <!-- /.content -->
@endsection

@section('js')
    <script type="text/javascript">
      $(document).ready(function () {

      })
    </stript>
@endsection