@extends('layouts.dashboard')

@section('content')
<div class="row">
    <div class="col-md-8 col-sm-8 col-xs-12">
        <div class="card">
            <div class="header">
                <h4 class="title">Gestão de Importações</h4>
            </div>
            <div class="panel-body">
                <ul class="nav navbar-nav row importar" style="width: 100%">
                    <li class="col-md-4">
                        <a data-href="{{action('Gestao\ImportController@postClients')}}" class="btn btn-default btn-sm" data-name="Importação de clientes">
                            <i class="fa fa-download"></i> Importar clientes
                        </a>
                    </li>
                    <li class="col-md-4">
                        <a data-href="{{action('Gestao\ImportController@postProdutos')}}" class="btn btn-default btn-sm" data-name="Importação de produtos">
                            <i class="fa fa-download"></i> Importar produtos
                        </a>
                    </li>
                    <li class="col-md-4">
                        <a data-href="{{action('Gestao\ImportController@postContatos')}}" class="btn btn-info btn-sm" data-name="Importação de contatos">
                            <i class="fa fa-user-plus"></i> Importar contatos
                        </a>
                    </li>
                </ul>


                <div class="hidden" id="div_form">
                    {!! Form::open(['action' => ['Gestao\ImportController@postContatos'], 'method' => 'post', 'enctype' => "multipart/form-data", 'id' => "form"]) !!}
                    <div class="col-md-12">
                        <div class="alert alert-info">
                            <strong>É obrigatório que o nome das colunas do arquivo para importação sejam iguais às colunas de exportação.</strong>
                        </div>
                        <div class="alert alert-warning">
                            <p>O formato do arquivo deve ser ".xlsx"</p>
                        </div>

                        <p>
                            <label id="label_name"></label>
                        </p>
                        <div class="form-group">
                            <input type="file" name="arquivo"/>
                        </div>


                        {!! Form::submit('Enviar', ['class' => 'margin-top btn btn-submit'])!!}

                    </div>

                    {!! Form::close()!!}
                </div>

            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
$(document).ready(function(){
    $('.importar a').on("click", function(){
        $('#div_form').removeClass("hidden");
        $('#label_name').html($(this).data("name"));
        $('#form').attr("action", $(this).data('href'));
    });
});
</script>
@endsection