@extends(layoutTenant())
@section('title')
  <title>Processos Excluídos- Licenciamento Ambiental </title>

  @php $pagina = "excluidos"; @endphp
@endsection
@section('content')

  <style>
    .table th,
    .table td {
      padding: 0 0 0 0;
    }

    table.dataTable {
      border-collapse: collapse !important;
    }
  </style>

  @if ($errors->all())
    <div class="alert alert-danger" role="alert">
      <ul>

        @foreach ($errors->all() as $erro)
          <li>{{ $erro }}</li>
        @endforeach

      </ul>
    </div>
  @endif

  @if (session('success'))
    <div class="alert alert-success">
      {{ session('success') }}
    </div>
  @endif
  @if (session('erro'))
    <div class="alert alert-danger">
      {{ session('erro') }}
    </div>
  @endif

  <div class="content-wrapper">
      <section id="configuration">
        <div class="row">
          <div class="col-12">
            <div class="card" style="background-color: #f1f1f1;">
              <div class="card-header border-0">
                <h4 class="card-title"> Processos Excluídos </h4>
              </div>
              <div class="card-content collapse show">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">

                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                      @if($classeZero == 1)
                      <li class="nav-item">
                        <a class="nav-link" style="color:darkblue;font-weight: bold; padding: 10px 40px 10px 40px;"
                          id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
                          aria-selected="true">FCE I CLASSE 0</a>
                      </li>
                      @endif
                      <li class="nav-item">
                        <a class="nav-link active" style="color:darkblue;font-weight: bold; padding: 10px 40px 10px 40px;"
                          id="profile-tab" data-toggle="tab" href="#perfil" role="tab" aria-controls="profile"
                          aria-selected="false">FCE I CLASSE 1 a 4</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" style="color:darkblue;font-weight: bold; padding: 10px 40px 10px 40px;"
                          id="profile-tab" data-toggle="tab" href="#dispensa1" role="tab" aria-controls="profile"
                          aria-selected="false">FCE I DISPENSA</a>
                      </li>

                    </ul>
                    <div class="tab-content" id="myTabContent">
                      <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab"
                        style="padding-top: 20px;">

                        <table class="table" id="users-table" style="margin-top: 20px">
                          <thead
                            style="border:none; border-top:none; border-bottom:none; border:#f1f1f1 2px solid; padding: 0 0 0 0;">
                            <tr style="border:#f1f1f1 2px solid; padding: 0 0 0 0;">

                              <th style="border-top:none; border-bottom:none; padding: 0 0 0 0!important;"></th>

                            </tr>
                          </thead>
                          <tbody>

                          </tbody>
                        </table>
                      </div>
                      <div class="tab-pane fade show active" id="perfil" role="tabpanel" aria-labelledby="profile-tab">
                        <div style="height: 10px; width: 10px;"></div>
                        <div style="height: 10px; width: 10px;"></div>

                        <table class="table" id="users-table2" style="margin-top: 60px; width: 100%;">
                          <thead
                            style="border:none; border-top:none; border-bottom:none; border:#f1f1f1 2px solid; padding: 0 0 0 0; width: 100%;">
                            <tr style="border:#f1f1f1 2px solid; padding: 0 0 0 0;">

                              <th style="border-top:none; border-bottom:none; padding: 0 0 0 0!important;"></th>

                            </tr>
                          </thead>
                          <tbody>

                          </tbody>
                        </table>

                      </div>
                      <div class="tab-pane fade" id="dispensa1" role="tabpanel" aria-labelledby="profile-tab">
                        <div style="height: 10px; width: 10px;"></div>
                        <div style="height: 10px; width: 10px;"></div>

                        <table class="table" id="users-table3" style="margin-top: 60px; width: 100%;">
                          <thead
                            style="border:none; border-top:none; border-bottom:none; border:#f1f1f1 2px solid; padding: 0 0 0 0; width: 100%;">
                            <tr style="border:#f1f1f1 2px solid; padding: 0 0 0 0;">

                              <th style="border-top:none; border-bottom:none; padding: 0 0 0 0!important;"></th>

                            </tr>
                          </thead>
                          <tbody>

                          </tbody>
                        </table>

                      </div>

                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  <!-- ============================================================== -->
  <!-- end recent orders  -->
@endsection

@section('post-script')


  <script src="{{ url('') }}/admin/app-assets/vendors/js/tables/datatable/datatables.min.js"></script>

  <script src="{{ url('') }}/admin/app-assets/js/scripts/tables/datatables/datatable-basic.js"></script>

  <script>
    $(document).ready(function() {

      $(function() {

        var table = $('#users-table').DataTable({
          "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Portuguese-Brasil.json"
          },
          processing: true,
          "ordering": false,
          serverSide: true,

          ajax: '{!! routeTenant('tarefasexcluidas.get.data', ['type' => 1]) !!}',

          columns: [


            {
              data: 'dados',
              name: 'dados'
            },




          ]

        });

        var table = $('#users-table2').DataTable({
          "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Portuguese-Brasil.json"
          },
          processing: true,
          "ordering": false,
          serverSide: true,

          ajax: '{!! routeTenant('tarefasexcluidas.get.data', ['type' => 2]) !!}',

          columns: [


            {
              data: 'dados',
              name: 'dados'
            },




          ]

        });

        var table = $('#users-table3').DataTable({
          "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Portuguese-Brasil.json"
          },
          processing: true,
          "ordering": false,
          serverSide: true,

          ajax: '{!! routeTenant('tarefasexcluidas.get.data', ['type' => 3]) !!}',

          columns: [


            {
              data: 'dados',
              name: 'dados'
            },




          ]

        });
        $('#exampleModal').on('show.bs.modal', function(event) {
          var button = $(event.relatedTarget) // Button that triggered the modal
          var recipient = button.data('whatever') // Extract info from data-* attributes
          // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
          // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
          var modal = $(this)

          $('#link').attr('href', recipient);
        })
      });

    });
  </script>
@endsection