@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">Vendas</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
            
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    @if ($retorno = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $retorno['mensagem'] }}</p>
        </div>

        @if(count($retorno['erroFaturas']) > 0)
            <div class="alert alert-warning">
                <p>Essas vendas não foram importadas pois não foram encotradas faturas.</p>
                <p>Favor checar os códigos abaixo:</p>
                <p>
                    @foreach ($retorno['erroFaturas'] as $fatura)
                        {{ $fatura }}@if(!$loop->last),  @else. @endif
                    @endforeach
                </p>
            </div>
        @endif
        @if(count($retorno['erroSeries']) > 0)
            <div class="alert alert-warning">
                <p>Essas vendas não foram importadas pois não foram encotradas séries cadastradas.</p>
                <p>Favor checar os códigos abaixo:</p>
                <p>
                    @foreach ($retorno['erroSeries'] as $fatura)
                        {{ $fatura }}@if(!$loop->last),  @else. @endif
                    @endforeach
                </p>
            </div>
        @endif
        @if(count($retorno['erroProdutos']) > 0)
            <div class="alert alert-warning">
                <p>Essas vendas não foram importadas pois não foram encotrados produtos.</p>
                <p>Favor checar os códigos abaixo:</p>
                <p>
                    @foreach ($retorno['erroProdutos'] as $cliente)
                        {{ $cliente }}@if(!$loop->last),  @else. @endif
                    @endforeach
                </p>
            </div>
        @endif
        @if(count($retorno['erroClientes']) > 0)
            <div class="alert alert-warning">
                <p>Essas vendas não foram importadas pois não foram encotrados clientes.</p>
                <p>Favor checar os códigos abaixo:</p>
                <p>
                    @foreach ($retorno['erroClientes'] as $cliente)
                        {{ $cliente }}@if(!$loop->last),  @else. @endif
                    @endforeach
                </p>
            </div>
        @endif
    @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-3">
                    Importar Arquivo
                </div>
            </div>
        </div>
        <form action="/vendas/importar" method="POST" class="py-4" enctype="multipart/form-data">
            @csrf

            {{-- <div class="row">
                <div class="col-sm-3 ml-4">
                    <label for="tipo_fatura">Tipo de Fatura</label>
                </div>
                <div class="col-sm-3">
                    <select class="form-control" name="tipo_fatura" id="tipo_fatura" required>
                        <option value="IM">IM</option>
                        <option value="TFUEL">TFUEL</option>
                    </select>
                </div>
            </div> --}}
            <div class="row align-items-end">
                <div class="col-sm-3 ml-4">
                    <label for="arquivo">Arquivo</label>
                    <select class="form-control" name="tipo_csv" id="tipo_csv" required>
                        <option value="tfuel">Tfuel</option>
                        <option value="im_distribuicao">IM Distribuição</option>
                        <option value="im_routex">IM Routex</option>
                    </select>
                </div>
                <div class="col-sm-3">
                    <input type="file" id="arquivo" name="arquivo" required>
                </div>
                <div class="col-sm-3 text-left">
                    <button class="btn btn-primary rounded text-left">Importar</button>
                </div>
                
            </div>
        </form>
    </div>
</div>
    <script type="text/javascript">
        $("#telefone").mask("(00) 0000-0000");
        $("#celular").mask("(00) 00000-0000");
    </script>

    {{-- validação tamanho do arquivo --}}
    <script>
        $(document).ready(function(){
            $('#arquivo').change(function(){
                const fi = document.getElementById('arquivo');
                    // Check if any file is selected.
                if (fi.files.length > 0) {
                    for (const i = 0; i <= fi.files.length - 1; i++) {
            
                        const fsize = fi.files.item(i).size;
                        const file = Math.round((fsize / 1024));
                        // The size of the file.
                        if (file >= 2048) {
                            alert(
                            "Arquivo muito grande. O tamanho deve ser menor que 2mb");
                            $('#arquivo').val('');
                            return false;
                        }
                    }
                }
            })
        })
    </script>
@endsection