@extends(layoutTenant())
@section('title')
    <title>Processos Arquivados- PapelZero </title>

    @php $pagina = "arquivados"; @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">
                                <h4 class="card-title"> Processos Arquivados </h4>
                                <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                                <div class="heading-elements">
                                    <ul class="list-inline mb-0">
                                        <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                                        <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                                        <li><a data-action="close"><i class="ft-x"></i></a></li>
                                    </ul>
                                </div>
                            </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">
                            <li class="nav-item">
                                <a class="nav-link active" 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>
                            <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="#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 CLASSE  1 a 4</a>
                            </li>

                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" 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" 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  -->

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">

                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title text-white " id="exampleModalLabel">Deletar </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Você tem certeza que Deseja Deletar  ?

                </div>
                <div class="modal-footer ">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <a  class="btn btn-danger" id="link">Deletar</a>
                </div>

        </div>

    </div>

</div>
@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('tarefasarquivadas.get.data') !!}',

                    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('fce14.tarefasarquivadas.get.data') !!}',

                    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('dispensa.tarefasarquivadas.get.data') !!}',

                    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