@extends('layouts.contracheque.contracheque')
@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>

<div class="card mt-4 mb-4">
    <div class="card-body">
        <h2><i class="fa fa-cloud-upload fa-2x" aria-hidden="true"></i>&nbsp;Gerênciar Baixas</h2>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header">
        Processar Retorno
    </div>
    <div class="card-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>
    </div>
    <div class="card-footer">
        <b>Atenção:</b> Apenas arquivos TXT ou RET.
    </div>
</div>
@endsection
@push('script')
    <script src="{{url(mix('modulos/contracheque/processar-lote/js/processar.js'))}}"></script>
@endpush