@extends(layoutTenant())
@section('title')
    <title>Aprovações- PapelZero </title>

    @php $pagina = "aprovacao"; @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">Análise do FCE </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="#dispensa" role="tab" aria-controls="profile" aria-selected="false">FCE DISPENSA</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>

                                {{--aaaaaaaggggggggggggggggggggggggggggggggggggggggg--}}
                                <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="dispensa" role="tabpanel" aria-labelledby="profile-tab">
                                            <div style="height: 10px; width: 10px;"></div>
                                             <div style="height: 10px; width: 10px;"></div>

                                {{--aaaaaaaggggggggggggggggggggggggggggggggggggggggg--}}
                                <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">
            <form name="form1" method="POST" action="" class="form-horizontal"  style="display: inline-block">
                {{ csrf_field() }}
                {{ method_field('DELETE') }}
                <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>
            </form>
        </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('tarefa.aberta.get.data',['id'=>$processo->id]) !!}',

                    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('tarefa.aberta.get.data.fce14',['id'=>$processo->id]) !!}',

                    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('tarefa.aberta.get.data.dispensa',['id'=>$processo->id]) !!}',

                    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