@extends('adminlte::page')

@section('title')
  Bugs Encontrados no site - {{ config('app.name')}}
@endsection
@section('content_header')

  <h1>Bugs Encontrados no site</h1>

@stop
@section('content')
  @php
  use Illuminate\Support\Str;
  use Carbon\Carbon;
  @endphp
  <div class="container-fluid">
    @include('layouts.errors-and-messages')
    <div class="col-lg">

      <a href="{{ route('admin.bugs.create') }}" class="pb-2">
        <button type="button" class="btn btn-primary btn-sm">
          <i class="fas fa-plus pr-2" aria-hidden="true"></i>Informar Bug
        </button>
      </a>
    </div>

    <table id="tblBugs" class="table table-striped dataTables" cellspacing="0" width="100%">
      <thead>
        <tr>
          <th class="th-sm col-sm-1">Data relato</th>
          <th class="th-sm col-sm-1">Data Atualização</th>
          <th class="th-sm col-sm-1">Título</th>
          <th class="th-sm col-sm-1">CNPJ / CPF</th>
          <th class="th-sm col-sm-1">Razao / Nome</th>
          <th class="th-sm col-sm-1">SKU</th>
          <th class="th-sm col-sm-1">Pedido</th>
          <th class="th-sm col-sm-1">Descrição</th>
          <th class="th-sm col-sm-1 text-center">Resolvido?</th>
          <th class="th-sm col-sm-2 text-center">Ação</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($bugs as $key => $bug)
          <tr>
            <td>
              {!! \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $bug->created_at)->format('d/m/Y H:i') !!}
            </td>
            <td>
              {!! \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $bug->updated_at)->format('d/m/Y H:i') !!}
            </td>
            <td>
              {!! Str::title($bug->titulo) !!}
            </td>
            <td>
              {!! ($bug->customer) ? $bug->customer->cliente_cnpj : '' !!}
            </td>
            <td>
              {!! ($bug->customer) ? $bug->customer->cliente_razao : '' !!}
            </td>
            <td>
              {!! ($bug->id_item) ?? '' !!}
            </td>
            <td>
              {!! ($bug->id_pedido) ?? '' !!}
            </td>
            <td>
              {!! Str::limit($bug->detalhes_bug, 50) !!}
            </td>
            <td class="text-center">
              @if(intval($bug->resolvido) === 1)
                <span class="btn btn-sm btn-success"><i class="fas fa-check-circle" aria-hidden="true"></i></span>
              @else
                <span class="btn btn-sm btn-danger"><i class="fas fa-times-circle" aria-hidden="true"></i></span>
              @endif
            </td>
            <td class="text-center">
              <form action="{{ route('admin.bugs.destroy', $bug->id) }}" method="post" class="form-horizontal">
                {{ csrf_field() }}
                <input type="hidden" name="_method" value="delete">
                <div class="btn-group">
                  <a href="{{ route('admin.bugs.show', $bug->id) }}" class="btn btn-success btn-sm"><i class="fa fa-eye"></i> Ver</a>
                  <a href="{{ route('admin.bugs.edit', $bug->id) }}" class="btn btn-primary btn-sm @if(intval($bug->resolvido) === 1) disabled @endif"><i class="fa fa-edit"></i> Editar</a>
                    <button @if(intval($bug->resolvido) === 0) onclick="return confirm('Tem certeza??')" type="submit" @endif class="btn btn-danger btn-sm @if(intval($bug->resolvido) === 1) disabled @endif"><i class="fa fa-times"></i> Excluir</button>
                  </div>
                </form>
              </td>

            </tr>

          @endforeach
        </tbody>
      </table>

    </div>
  @endsection
  @section('js')
    <script src="https://cdn.datatables.net/buttons/1.1.2/js/dataTables.buttons.js" ></script>
    <script src="https://cdn.datatables.net/responsive/2.0.2/js/dataTables.responsive.js" ></script>

    <script type="text/javascript">

    $(document).ready(function () {

      $('.dataTables').DataTable({
        "language": {
          "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Portuguese-Brasil.json"
        },
        "columnDefs": [
          { "orderable": false, "targets": -1 }
        ],
        responsive: {
          details: false
        }
      })

    })

  </script>
@endsection