@extends(layoutTenant())
@section('title')
  <title>Processos finalizados- Licenciamento Ambiental </title>

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

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

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

  <!-- recent orders  -->
  <!-- ============================================================== -->

  @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">
    <div class="content-body">
      <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 finalizados </h4>
              </div>
              <div class="card-content collapse show">
                <div class="card-body card-dashboard">
                  <div class="table-responsive">

                    <a href="{{ routeTenant('tarefasfinalizadas.criar_finalizadas') }}"
                      class="btn btn-success float-right">Criar Processo Finalizado</a>
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                      @if ($portal->classe_zero == 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 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; width: 100%;">
                          <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>
  </div>
  <!-- ============================================================== -->
  <!-- end recent orders  -->

  @include('modal.deletar')

@endsection

@section('post-script')
  <script>
    $(document).ready(function() {
      $('a[data-confirm]').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-danger text-white">Finalizar Processo' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja finalizar o processo ?</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-danger text-white" id="dataComfirmOK">finalizar</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;

      });



    });
  </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("tarefasfinalizadas.get.data", ["type" => 1]) !!}',

          columns: [{
            data: 'dados',
            name: 'dados'
          }, ]
        });
        var table2 = $('#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("tarefasfinalizadas.get.data", ["type" => 2]) !!}',
          columns: [{
            data: 'dados',
            name: 'dados'
          }, ]

        });

        var table2 = $('#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("tarefasfinalizadas.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)

          $('#formDeletar').attr('action', recipient);
        })
      });

    });
  </script>
@endsection