@extends('adminlte.app')

@section('content')
    
    <div class="content-wrapper pb-3">

        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
            <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Log Visualizações</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                    
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif
      
    <div class="card mx-3 mt-3">
        
        <div class="card-header">

            <div class="row">
                <div class="col-md-4">
                    Visualizações
                </div>
                <div class="col-md-8 text-right">
                </div>
            </div>
           
        </div>

        {{-- <div class="row pl-3 ml-3 pb-0 pt-0 mt-3 mr-3 bg-dark text-white d-print-none">
            <div class="col-sm-11">
              Filtros
            </div> 
            <div class="col-ms-1">
                <button class="btn btn-primary btn-sm" data-toggle="collapse" href="#filtroEmailsEnviados" role="button" aria-expanded="false" aria-controls="filtroEmailsEnviados" title="Mostrar">
                    <i class="fas fa-plus" title="Mostrar" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        
        <div class="border pt-3 pl-3 pr-3 ml-3 mr-3 mb-3 bg-light collapse show" id="filtroEmailsEnviados">
            <form action="{{ route('emails_enviados_consultar') }}"  method="GET" class="pd-3 ">

                <div class="row form-group">
                    <div class="col-md-3" id="div_intervalo_inicio">
                        <label for="data_inicio" class="">Início do intervalo</label>
                        <input name="data_inicio" id="data_inicio" class=" form-control" type="date" value="{{ $filtros['data_inicio']->format('Y-m-d') }}" required>
                    </div>
                    
                    <div class="col-md-3" id="div_intervalo_fim">
                        <label for="data_fim" class="">Fim do intervalo</label>
                        <input name="data_fim" id="data_fim" class=" form-control" type="date" value="{{ $filtros['data_fim']->format('Y-m-d') }}" required>
                    </div>

                    <div class="col-md-3" id="div_intervalo_fim">
                        <label for="tipo_email" class="">Tipo Email</label>
                        <select name="tipo_email[]" id="tipo_email[]" class=" form-control" multiple>
                            <option value=""></option>
                            <option  @if(is_array($filtros['tipo_email']) && in_array('pvp', $filtros['tipo_email'])) selected @endif value="pvp">PVP</option>
                            <option  @if(is_array($filtros['tipo_email']) && in_array('desconto_diario', $filtros['tipo_email'])) selected @endif value="desconto_diario">Desconto Diário</option>
                            <option  @if(is_array($filtros['tipo_email']) && in_array('grandes_contas', $filtros['tipo_email'])) selected @endif value="grandes_contas">Grandes Contas</option>
                            <option  @if(is_array($filtros['tipo_email']) && in_array('distribuicao', $filtros['tipo_email'])) selected @endif value="distribuicao">Distribuição</option>
                        </select>
                    </div>

                </div>

                
                <div class="text-center pb-3">
                    <button class="btn btn-primary rounded mx-auto ">Consultar</button>
                </div>
            </form>

        </div> --}}

        @if ($email_enviado->tipo_email == 'distribuicao' || $email_enviado->tipo_email == 'grandes_contas')
            <x-emails_enviados.show.tabela-grandes-contas :email-enviado="$email_enviado" />
        @elseif ($email_enviado->tipo_email == 'pvp')
            <x-emails_enviados.show.tabela-pvp :email-enviado="$email_enviado" />
        @elseif ($email_enviado->tipo_email == 'desconto_diario')
            <x-emails_enviados.show.tabela-desconto-diario :email-enviado="$email_enviado" />
        @endif
    </div>
</div>


<!-- DataTables  & Plugins -->
<script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
<script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/datatables-responsive/js/dataTables.responsive.min.js') }}></script>
<script src={{ asset('/plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/dataTables.buttons.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}></script>
<script src={{ asset('/plugins/jszip/jszip.min.js') }}></script>
<script src={{ asset('/plugins/pdfmake/pdfmake.min.js') }}></script>
<script src={{ asset('/plugins/pdfmake/vfs_fonts.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.html5.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.print.min.js') }}></script>
<script src={{ asset('/plugins/datatables-buttons/js/buttons.colVis.min.js') }}></script>

  
    <script>

       $('.tabelashow').DataTable( {
        
          "paging": true,
          "lengthChange": true,
          "searching": true,
          "ordering": true,
          "info": false,
          "autoWidth": false,
          "responsive": true,
          "order": [[2, "desc"]],
          "buttons": [ "csv", "excel", "pdf", {"extend":"print","text":"Imprimir"}, {"extend":"colvis","text":"Colunas"}],
          "lengthMenu": [[8, 10, 20, 25, 50, -1], [8, 10, 20, 25, 50, "All"]],
          "pageLength": 8,
                    "bJQueryUI": true,
                    "oLanguage": {
                        "sProcessing":   "Processando...",
                        "sLengthMenu":   "Registros _MENU_ ",
                        "sZeroRecords":  "Não foram encontrados resultados",
                        "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                        "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                        "sInfoFiltered": "",
                        "sInfoPostFix":  "",
                        "sSearch":       "Buscar:",
                        "sUrl":          "",
                        "oPaginate": {
                            "sFirst":    "Primeiro",
                            "sPrevious": "Anterior",
                            "sNext":     "Seguinte",
                            "sLast":     "Último"
                        }
                    }
    
    } );
    
    </script>
@endsection