@extends('adminlte::page')
@section('title', 'Clientes - ' . config('app.name') )
@section('content_header')

  <h1>Clientes</h1>

@stop

@section('content')
  <!-- Main content -->
  <section class="content">

    @include('layouts.errors-and-messages')
    <!-- Default box -->
    @if($customers)
      <div class="box">
        <div class="box-body">
          <h2>Clientes</h2>
          {{--  @include('layouts.search', ['route' => route('admin.clientes.index')])  --}}
          <table class="table table-striped table-bordered dataTables">
            <thead>
              <tr>
                <td class="col-md-2">ID</td>
                <td class="col-md-2">Nome/Raz&atilde;o Social</td>
                <td class="col-md-2">CPF/CNPJ</td>
                <td class="col-md-2">Email</td>
                <td class="col-md-2">Status</td>
                <td class="col-md-4">Ação</td>
              </tr>
            </thead>
            <tbody>
              @foreach ($customers as $customer)
                <tr>
                  <td>{{ $customer['id'] }}</td>
                  <td>{{ $customer['name'] }}</td>
                  <td>{{ $customer['cpf_cnpj'] }}</td>
                  <td>{{ $customer['email'] }}</td>
                  <td>@include('layouts.status', ['status' => $customer['status']])</td>
                  <td>
                    <form action="{{ route('admin.clientes.destroy', $customer['id']) }}" method="post" class="form-horizontal">
                      {{ csrf_field() }}
                      <input type="hidden" name="_method" value="delete">
                      <div class="btn-group">
                        <a href="{{ route('admin.clientes.show', $customer['id']) }}" class="btn btn-default btn-sm"><i class="fa fa-eye"></i> Ver</a>
                        <a href="{{ route('admin.clientes.edit', $customer['id']) }}" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> Editar</a>
                        {{-- <button onclick="return confirm('Tem certeza??')" type="submit" class="btn btn-danger btn-sm"><i class="fa fa-times"></i> Deletar</button> --}}
                      </div>
                    </form>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          {{--  {{ $customers->links() }}  --}}
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    @endif

  </section>
  <!-- /.content -->
@endsection

@section('js')
  <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
      }
    });
    $('.dataTables_length').addClass('bs-select')
  })
</script>
@endsection