@extends('layouts.app')

{{-- Customize layout sections --}}

@section('subtitle', 'Welcome')
@section('content_header_title', 'Home')
@section('content_header_subtitle', 'Welcome')

{{-- Content body: main page content --}}

@section('content_body')
<div class="row">

    <div class="col-lg-3 col-6">
    
        <div class="small-box bg-success">
        <div class="inner">
        <h3>{{$usuariosCadastradosSucesso}}</h3>
        <p>Usuários Cadastrados Hoje</p>
        </div>
        <div class="icon">
        <i class="ion ion-person-add"></i>
        </div>
        <a href="{{ route('logusers.cadastrados') }}" class="small-box-footer">Verificar <i class="fas fa-arrow-circle-right"></i></a>
        </div>
        </div>

    <div class="col-lg-3 col-6">
    
    <div class="small-box bg-info">
    <div class="inner">
    <h3>{{$usuariosAtualizadosSucesso}}</h3>
    <p>Usuários Atualizados Hoje</p>
    </div>
    <div class="icon">
        <i class="ion ion-person-add"></i>
    </div>
    <a href="{{ route('logusers.atualizados') }}" class="small-box-footer">Verificar <i class="fas fa-arrow-circle-right"></i></a>
    </div>
    </div>
    
    <div class="col-lg-3 col-6">
    
    <div class="small-box bg-danger">    
    <div class="inner">
    <h3>{{$usuariosCadastroErro}}</h3>
    <p>Usuários Não Cadastrados Hoje</p>
    </div>
    <div class="icon">
    <i class="ion ion-person-add"></i>
    </div>
    <a href="{{ route('logusers.naocadastrados') }}" class="small-box-footer">Verificar <i class="fas fa-arrow-circle-right"></i></a>
    </div>
    </div>
    
    <div class="col-lg-3 col-6">
    
    <div class="small-box bg-warning">
    <div class="inner">
    <h3>{{$usuariosAtualizadosErro}}</h3>
    <p>Usuários Não Atualizados Hoje</p>
    </div>
    <div class="icon">
    <i class="ion ion-person-add"></i>
    </div>
    <a href="{{ route('logusers.naoatualizados') }}" class="small-box-footer">Verificar <i class="fas fa-arrow-circle-right"></i></a>
    </div>
    </div>
    
    </div>
    <div class="row">
        <div class="col-md-12">
          <form id="importForm" method="POST" action="{{ route('import.users') }}">
                @csrf
            <div class="card card-info">
            <div class="card-header">
            <h3 class="card-title">Importar Manual</h3>
            </div>
            <div class="card-body">
            
            <div class="form-group">
            <label>Data Inicial:</label>
            <div class="input-group">
            <div class="input-group-prepend">
            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
            </div>
            <input type="text" id="datainicial" name="datainicial" class="form-control" data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy" data-mask="" inputmode="numeric" required>
            </div>
            
            </div>
         
            <div class="form-group">
            <label>Data Final:</label>
            <div class="input-group">
            <div class="input-group-prepend">
            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
            </div>
            <input type="text" id="datafinal" name="datafinal" class="form-control" data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy" data-mask="" inputmode="numeric" required>
            </div>
            
            </div>
            </div>
            <div class="card-footer">
                <!--<button type="submit" class="btn btn-primary">Importar</button> --> 
               <button type="button" id="submitBtn" class="btn btn-primary">Importar</button>
                </div>
            </div>
        </form>
        </div>
      
    </div>
@stop

{{-- Push extra CSS --}}

@push('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
   <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> 
    
@endpush

{{-- Push extra scripts --}}

@push('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.9/jquery.inputmask.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
$(function () {
    $('#datainicial').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
    $('#datafinal').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })

    $('#submitBtn').on('click', function() {
        var form = $('#importForm');
        var formData = form.serialize();

        $.ajax({
            url: form.attr('action'),
            method: form.attr('method'),
            data: formData,
            success: function(response) {
                console.log(response);
                Swal.fire("Importação em Andamento");
            },
            error: function(xhr) {
                Swal.fire("Erro", "Ocorreu um erro durante a importação", "error");
            }
        });
    });
})
</script>
@endpush