@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">
                        Filtros
                    </div>
                    <div class="col-md-8 text-right">
                    </div>   
                </div> 
            </div>
                    
            <div class="pl-3 ml-3 mt-3 mr-3  bg-dark text-white">
                Filtros
            </div>

            <div class="border pt-3 pl-3 pr-3 ml-3 mr-3 mb-3 bg-light ">
                
                <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="{{ $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="{{ $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 value="pvp">PVP</option>
                                <option value="desconto_diario">Desconto Diário</option>
                                <option value="grandes_contas">Grandes Contas</option>
                                <option value="distribuicao">Distribuição</option>
                                <option value="especial">Especiais</option>
                                <option 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>
    </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>
@endsection