@extends('layouts.app')


@section('title', 'De-para Unidades de Negócio')

@section('content_header')
    <h1>De-para Unidades de Negócio</h1>
@stop

@section('content')
<div class="row">
    <div class="col-sm-5">
        <a href="{{route('tenants.add')}}" class="btn btn-primary btn-xs">
        <i class="fas fa-plus"></i>Cadastrar De-para Unidades de Negócio
    </a>
    </div>
</div>
<br>
<div class="card">
              <div class="card-header">
              </div>
              <!-- /.card-header -->
              <div class="card-body p-0">
                <table class="table" id="tableTenants">
                  <thead>
                    <tr>
                      <th>De</th>
                      <th>Até</th>
                      <th>Para</th>
                      <th>Ações</th>
                    </tr>
                  </thead>
                  <tbody>
                  @foreach ($tenants as $tenant)
                     <tr>
                        <td>{{$tenant->tenant_from}}</td>
                        <td>{{$tenant->tenant_from1}}</td>
                        <td>{{$tenant->tenant->nome_tenant}}</td>
                        <td  style="display: flex; justify-content:flex-start">
                          <a href="{{route('tenants.editar', $tenant->id)}}"  class="btn btn-primary btn-xs">
                            <i class="fas fa-pen"></i>Editar
                            </a>
                            <form action="{{route('tenants.delete', $tenant->id)}}" style="margin-left: 3px;" method="POST">
                            @csrf
                            {{method_field('DELETE')}}
                              <button type="submit"  onclick="return confirm('Tem certeza que deseja excluir?')" class="btn btn-danger btn-xs">
                              <i class="fas fa-trash"></i>Excluir
                              </button>
                              </form>
                         </td>
                     </tr>                         
                  @endforeach
                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
            </div>
@stop
@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop
@section('js')
    <script> 
    
  $(function () {
    $('#tableTenants').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": true,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
    </script>
@stop