@extends('layout.padrao')
@section('title', 'AWS List - Emails enviados pelo Tabex')

@section('content')

     <div class="wrapper">

        <div class="table-responsive" style="overflow:clip; height:950px">
            <table class="table-striped text-center" id="table"
              data-toggle="table"
              data-search="true"
              data-show-footer="true"
              data-flat="true"
              data-show-refresh="true"
              data-click-to-select="true"
              data-show-fullscreen="true"
              data-toolbar="#toolbar"
              data-show-toggle="true"
              data-show-export="true"
              data-export-data-type="all"
              data-query-params="queryParams"
              data-url="/emailAWS/json"
              data-show-columns="true" >
            <thead>
                <tr class="trSuperBlue">
                    <th data-field="subject" data-sortable="true" >Subject</th>
                    <th data-field="sender" data-sortable="true" >Sender</th>
                    <th data-field="recipient" data-sortable="true" >Recipient</th>
                    <th data-field="event_send_date" data-sortable="true" data-formatter="dateTimeBrazilFormat"  >Sent at</th>
                    <th data-field="event_delivery_date" data-sortable="true" data-formatter="dateTimeBrazilFormat" >Delivery at</th>
                    <th data-field="event_open_date" data-sortable="true" data-formatter="dateTimeBrazilFormat" >Open at</th>
                    <th data-field="event_bounce_date" data-sortable="true" data-formatter="dateTimeBrazilFormat" >Bounce at</th>
                    <th data-field="bounce_type" data-sortable="true" >Bounce Type</th>
                    <th data-field="bounce_sub_type" data-sortable="true" >Bounce Sub Type</th>
                    <!-- <th data-field="event_complaint_date" data-sortable="true" data-formatter="dateTimeBrazilFormat" >Complaint at</th>
                    <th data-field="event_reject_date" data-sortable="true" data-formatter="dateTimeBrazilFormat" >Reject at</th>
                    <th data-field="event_delivery_delay_date" data-sortable="true" data-formatter="dateTimeBrazilFormat" >Delivery Delay at</th>
                    <th data-field="delivery_delay_type" data-sortable="true" >Delivery Delay Type</th> -->
                </tr>
            </thead>
        </table>
  
    </div>

    <script>
        var $table = $('#table')
        var $button = $('#button')
      

        $(function() {
            $table.bootstrapTable({
                            cache: false,
                            height: 1000,
                            striped: true,
                            pagination: false,
                           
            });
        })


        function dateTimeBrazilFormat(value, row, index) {

          if (value == null) return '';
          let originalDate = value;
          originalDate = new Date(originalDate);

          // var parts = value.match(/(\d+)/g);
          // var date =  new Date(parts[0], parts[1]-1, parts[2]); 

          var data_format_due = ((originalDate.getDate() > 9) ? originalDate.getDate() : ('0' + originalDate.getDate())) +
              '-' + ((originalDate.getMonth() > 8) ? (originalDate.getMonth() + 1) : ('0' + (originalDate.getMonth() + 1))) +
              '-' + originalDate.getFullYear();    


          return [data_format_due + ' ' + originalDate.toLocaleTimeString()].join('')

        }

        

    




    </script> 
    <!-- Delete Model -->
    @include('bibliotecas.floattheadOverflow')
    @include('bibliotecas.bootstrapExport')



@endSection