@extends('layouts.tributos')
@section('content')
    <style type="text/css">
        #progress-wrp {
            border: 1px solid #cc3111;
            padding: 1px;
            position: relative;
            height: 30px;
            border-radius: 3px;
            margin: 10px;
            text-align: left;
            background: #fff;
            box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
        }

        #progress-wrp .progress-bar {
            height: 100%;
            border-radius: 3px;
            background-color: #f30002;
            width: 0;
            box-shadow: inset 1px 1px 10px rgb(204, 255, 41);
        }

        #progress-wrp .status {
            top: 3px;
            left: 50%;
            position: absolute;
            display: inline-block;
            color: #000000;
        }
    </style>
    <h3 class="page-header"><span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>* Gerênciar Baixas</h3>
    <br>

    <div class="panel panel-warning">
        <div class="panel-heading"><b><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Processar Retorno</b></div>
        <div class="panel-body">
            <form method="post" enctype="multipart/form-data" name="formLoteTXT" id="formulario">
                <div class="row">
                    <div class="col-md-4">
                        <input type="file" name="LoteTXT" id="ingredient_file" class="btn btn-default">
                    </div>
                    <div class="col-md-8">
                        <div id="progress-wrp">
                            <div class="progress-bar"></div>
                            <div class="status">0%</div>
                        </div>
                    </div>
                </div>
            </form>
            <br>
            <br>
        </div>
        <div class="panel-footer">
            <b>Atenção:</b> Apenas arquivos TXT ou RET.
        </div>
    </div>
@endsection
@push('script')
    <script src="{{url(mix('modulos/tributos/assets/js/processar/retorno.js'))}}"></script>
@endpush