@extends('adminlte.app')

@section('content')
    <style>
        .select2-container .select2-selection--single {
            height: 38px;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 38px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 38px;
        }
    </style>
    
    <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">Emails Enviados</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">
                    Envios
                </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">
                            <label for="destinatario" class="">Destinatário</label>
                            <select name="destinatario[]" id="destinatario2[]" class=" form-control" multiple required>
                                <option value=""></option>
                                @foreach ($destinatarios as $destinatario)
                                    <option value="{{ $destinatario->referencia_nome }}" 
                                        @if(isset($filtros['destinatario']) && in_array($destinatario->referencia_nome, $filtros['destinatario'])) selected @endif>
                                        {{ $destinatario->referencia_nome }} - {{ $destinatario->tipo_email }}
                                    </option>
                                @endforeach
                            </select>
                    </div> --}}

                    <div class="col-md-3">
                        <label for="destinatario" class="">Destinatário</label>
                        <input name="destinatario" id="destinatario" class=" form-control" type="text" value="{{ $filtros['destinatario'] ?? '' }}" placeholder="Digite o destinatário">
                    </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>
                            <option  @if(is_array($filtros['tipo_email']) && in_array('especial', $filtros['tipo_email'])) selected @endif value="especial">Especiais</option>
                            <option  @if(is_array($filtros['tipo_email']) && in_array('comissionista', $filtros['tipo_email'])) selected @endif value="comissionista">Comissionistas</option>
                        </select>
                    </div>

                </div>

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

        </div>

        <div class="px-3 pb-3">
            <br>
            <div class="table-responsive">
                <table id="tabelashow" class="tabelashow table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th class ="text-center align-middle">ID</th>                            
                            <th class ="text-center align-middle">Tipo Email</th>
                            <th class ="text-center align-middle">Enviado em</th>
                            <th class ="text-center align-middle">Inicio</th>
                            <th class ="text-center align-middle">Fim</th>
                            <th class ="text-center align-middle">Destinatário</th>
                            <th class ="text-center align-middle">Visualizado</th>
                            <th class ="text-center align-middle">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                       
                        @foreach ($emails_enviados as $item)
                            
                        
                            <tr>
                                <td>{{ $item->id }}</td>
                                <td>{{ $item->tipo_email }}</td>
                                <td class ="text-center align-middle">
                                    <span class="d-none">
                                        {{ $item->created_at }}
                                    </span> 
                                    {{\Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $item->created_at)->format('d/m/Y H:i:s')}}
                                </td>
                                <td class ="text-center align-middle">
                                    <span class="d-none">
                                        {{ $item->data_inicio }}
                                    </span> 
                                    {{ $item->data_inicio ? \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $item->data_inicio)->format('d/m/Y') : ''}}
                                </td>
                                <td class ="text-center align-middle">
                                    <span class="d-none">
                                        {{ $item->data_fim }}
                                    </span> 
                                    {{ $item->data_fim ? \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $item->data_fim)->format('d/m/Y') : '' }}
                                </td>
                                <td>
                                    {{ $item->referencia_nome }}
                                </td>
                              
                                {{-- @if($item->tipo_email=='grandes_contas')
                                    <td class ="text-center align-middle">
                                    {!! $item->nomeClienteGrandesContas !!}
                                    </td>    
                                @elseif ($item->tipo_email=='distribuicao')
                                    <td class ="text-center align-middle">
                                    {!! $item->nomeClienteDistribuicao !!}
                                    </td>
                                @elseif ($item->tipo_email=='pvp')
                                    <td class ="text-center align-middle">
                                    {!! $item->nomeClientePVP !!}
                                    </td>
                                @elseif ($item->tipo_email=='desconto_diario')
                                    <td class ="text-center align-middle">
                                    {!! $item->nomeClienteDescontoDiario !!}
                                    </td>
                                @endif --}}

                                <td class ="text-center align-middle">
                                    @if ($item->log_emails->count() > 0)
                                        Sim
                                    @else
                                        Não
                                    @endif
                                </td>
                                <td class ="text-center align-middle">
                                    <a href="{{ route('emails_enviados_show', ['email_enviado' => $item->id]) }}" title="Ver Log Acesso"> 
                                        <button class="btn btn-primary btn-sm">
                                            <i class="fas fa-clipboard-list"></i>
                                        </button>

                                    </a>

                                    <a href="{{ route('ver_preco_index', ['email_enviado' => $item->id]) }}" target="_blank" title="Ver Preço">
                                        <button class="btn btn-primary btn-sm">
                                            <i class="fas fa-money-check-alt"></i>
                                        </button>
                                    </a>
                                    @if($permissao->excluir_emails_enviados)
                                        @if($item->deleted_at)
                                            <a href="{{ route('emails_enviados_reativar', ['email_enviado' => $item->id]) }}" title="Reativar">
                                                <button class="btn btn-primary btn-sm">
                                                    <i class="fas fa-undo"></i>
                                                </button>
                                            </a>
                                        @else
                                            <a href="{{ route('emails_enviados_excluir', ['email_enviado' => $item->id]) }}" title="Excluir">
                                                <button class="btn btn-primary btn-sm">
                                                    <i class="fas fa-trash-alt"></i>
                                                </button>
                                            </a>
                                        @endif
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </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>

 
    <!-- Page specific script -->
<script>
    $(document).ready(function() {
        $('#destinatario2\\[\\]').select2({
            placeholder: "Selecione os destinatários",
            allowClear: true,
            width: '100%'
        });

    });
</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"
                        }
                    }
    
    } );
    // .buttons().container().appendTo('#tabelashow_wrapper .col-md-6:eq(0)');
    
    </script>
@endsection