@section('attach_edit_list')


        <div class="col col-lg-12 col-sm-12 col-md-12 "> 
            <div class="wrapper">
         
                <form action="{{route('deleteMultiAtt')}}" method="post" id="deleteAttach">
                {{ csrf_field() }}
                <!-- Tabela Responsiva -->
                <div class="table-responsive">
                    <div id="toolbar">
                        <div class="btn btn-blue" onclick="$('#attachModal').modal('show')">
                            Delete
                        </div>
                        <div class="btn btn-blue" onclick="$('#mailAttachModal').modal('show')">
                            Salvar Template Anexos
                        </div>
                    </div>
                    <table class="table-striped text-center" id="table"
                          data-toggle="table" 
                          data-search="true"
                          data-page-size="50" 
                          data-detail-formatter="detailFormatter" 
                          data-page-list="[100, 200, 300, 400, all]"
                          data-show-footer="true" 
                          data-show-pagination-switch="true" 
                          data-show-refresh="true"
                          data-click-to-select="true" 
                          data-show-fullscreen="true" 
                          data-pagination="true" 
                          data-toolbar="#toolbar"
                          data-show-toggle="true" 
                          data-height="auto" 
                          data-show-export="true" 
                          data-export-data-type="all"
                          data-query-params="queryParams" 
                          data-show-columns="true"
                          data-url="/getAttachJson/{{($register->id ?? $loading->id)}}/{{($register->loadingType ?? $loading->loadingType)}}/{{($register->status ?? ($loading->status ?? null))}}"  >
                        <thead>
                            <tr class="trSuperBlue">
                                
                                <th data-field="id" data-sortable="false" data-formatter="checkTh" class="text-center checagem"><input type="checkbox" id="check"  onclick="selectAllChecagem()"></th>
                                <th data-field="type" class="text-center" data-formatter="operateFormatter" >Actions </th>
                                <th data-field="id" data-sortable="false" data-formatter="checkThEmail" class="text-center email"><input type="checkbox" id="check"  onclick="selectAllEmail()">Anexar no E-mail</th>
                                <th data-field="anexo_types.descricao" data-sortable="true" >Attachment Type</th>
                                <th data-field="nmAnexo" data-formatter='downloadAttach' data-sortable="true">Attachment Name</th>
                                <th data-field="created_at" data-sortable="true" data-formatter="dateFormatter">Attachment Insert Date</th>
                            </tr>
                        </thead>
                    </table>
                </div>

                <!-- MODAL -->
                <div class="modal modal-danger fade" id="attachModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="row col">
                                    <!-- Botão de fechar o modal -->
                                    <div class="col-12">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" onClick="$('.modal-backdrop').remove()">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <!-- Informações do modal -->
                                    <div class="w-100"></div>
                                    <div class="col align-self-center">
                                      <h3 class="title"> Delete - Attach </h3>
                                    </div>
                                    <div class="col logoModal text-right">
                                        <img src="{!! asset('/image/tabex_Logo344x235.png') !!}" alt="Logo Tabex" height="80px">
                                    </div>
                                </div>
                                <Br />
                            </div>
                
                            <!-- Body -->
                            <div class="modal-body text-center">
                                <h3 class="modal-title"> 
                                    Are you sure you want to delete this attachment(s)
                                </h3>
                            </div>
                
                            <!-- Modal footer -->
                            <div class="modal-footer">
                                <button type="submit" id="DeleteAttachButton" class="btn btn-padrao" name='DeleteAttachsOnly' value='LoadingController'>Deletar Anexos</button>
                                <button type="submit" id="DeleteAttachButton2" class="btn btn-padrao" name='DeleteAndSave' value='LoadingController'>Deletar Anexos e Salvar Processo</button>
                                <button class="btn btn-danger" data-dismiss="modal" aria-label="Close" onClick="$('.modal-backdrop').remove()">Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- MODAL -->
                <div class="modal modal-danger fade" id="mailAttachModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="row col">
                                    <!-- Botão de fechar o modal -->
                                    <div class="col-12">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" onClick="$('.modal-backdrop').remove()">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <!-- Informações do modal -->
                                    <div class="w-100"></div>
                                    <div class="col align-self-center">
                                      <h3 class="title"> Save - Template Attach </h3>
                                    </div>
                                    <div class="col logoModal text-right">
                                        <img src="{!! asset('/image/tabex_Logo344x235.png') !!}" alt="Logo Tabex" height="80px">
                                    </div>
                                </div>
                                <Br />
                            </div>
                
                            <!-- Body -->
                            <div class="modal-body text-center">
                                <h3 class="modal-title"> 
                                    Are you sure you want to save this attachment(s)
                                </h3>
                            </div>
                
                            <!-- Modal footer -->
                            <div class="modal-footer">
                                <button type="submit" id="SaveAttachButton" class="btn btn-padrao" name='SaveAttachsOnly' value='LoadingController'>Salvar Anexos</button>
                                <button class="btn btn-danger" data-dismiss="modal" aria-label="Close" onClick="$('.modal-backdrop').remove()">Cancel</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script>
        var $table = $('#table');
        var $button = $('#button');
        var a = 0;
        $(function() {
          $table.bootstrapTable({
                          cache: false,
                          height: 500,
                          striped: true,
                          pagination: true,
                          pageSize: 100, //specify 5 here
                          pageList: [100, 200, 300,400,500]//list can be specified here
          });
            
        })
        // Adicionando input checkbox na primeira coluna da tabela
        function checkTh(value, row, index) {
            return [
                '<input type="checkbox" name="DeleteAttachs[]" class="marcarCheckbox' + index + ' checagem" value="' + value + '" />'
            ].join('')
        };  

        function checkThEmail(value, row, index) {
            if(row.attach_file_email == 'Yes') { 
                return [
                    '<input type="checkbox" name="EmailAttachs[]" class="marcarCheckbox' + index + ' email" checked value="' + value + '" />'
                ].join('')
            } else {
                return [
                    '<input type="checkbox" name="EmailAttachs[]" class="marcarCheckbox' + index + ' email" value="' + value + '" />'
                ].join('')
            }
        };  
        // Checagem de todos os campos
        function selectAllChecagem() {
            if (a == 0) {
                // Ativando checagem de todos os campos
                $('.checagem').attr('checked', true);
                a++;
            } else {
                // Desativando checagem de todos os campos
                $('.checagem').attr('checked', false);
            a--;
            }
        }     
        
        function selectAllEmail() {
            if (a == 0) {
                // Ativando email de todos os campos
                $('.email').attr('checked', true);
                a++;
            } else {
                // Desativando email de todos os campos
                $('.email').attr('checked', false);
            a--;
            }
        }  
 
        function downloadAttach(value, row, index){
          var url = '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/tabexc29/qa.tabex.com.br/resources/views/include/attach_edit_list_multi_delete.blade.php:195
Stack trace:
#0 {main}
  thrown in <b>/home/tabexc29/qa.tabex.com.br/resources/views/include/attach_edit_list_multi_delete.blade.php</b> on line <b>195</b><br />