@php
    use App\Models\Profile;
    use App\Http\Controllers\Mod\ModFile;
    use App\Http\Controllers\Mod\ModCalc;
    use App\Http\Controllers\ModFinancial;
    $profile = Profile::user();
    $accept=ModFile::extension(['type'=>'image']);
    $record_fileuser=ModFile::informationUser(['idUser'=> $profile->idUser]);
    $porcentage = ModCalc::percentageExtract($record_fileuser->spaceUsed, $record_fileuser->spaceAllocated);
    $x_file=isset($x_file)?$x_file:null;
    $grid=isset($grid)?$grid:'6';

@endphp

<div class="row" id="actionFileImage">
    <div class="col-sm-7">

        @if($record_fileuser->spaceAllocated>0)

            {{--                                    <input type="file" name="xFile" id="xFile" multiple/>--}}
            <div class="input-group" id="fileUploadProposal" title="Busque arquivos no seu pc, table e celular"
                 style="margin-top: -5px;">
                <div class="file-upload-btn  btn btn-default waves-effect right-side-open text-muted">

                    <input type="file" class="file-upload-btn-input " multiple
                           max-size="{{$record_fileuser->capacitySend}}"
                           accept="{{{$accept}}}"
                           onchange="oziFileUploadButton('#fileUploadProposal', this,'#fileUploadContener')"
                           name="xFile{{$x_file}}" id="xFile{{$x_file}}">
                    <small> selecione os arquivos </small>
                </div>
                <div class="input-group-prepend">

                    <button type="button" class="btn btn-default waves-effect"
                            style="padding: 8px;  border-radius: 5px;  margin-left: 2px;"
                            onclick="oziFileUploadButtonClear('#fileUploadContener','#xFile')"
                            title="Limpar Upload"><i class="fa fa-times text-themecolor-inverse"></i>
                    </button>

                    <button type="button" class="btn btn-default waves-effect"
                            style="padding: 8px;  border-radius: 5px;  margin-left: 2px;"
                            id="btnSendFile"
                            title="Enviar"><i class="mdi mdi-arrow-up-bold-circle text-info"></i>
                    </button>

                </div>
            </div>
        @else
            <span class="text-warning">0 Mb</span> <small> Espaça disponevel <br>| Entre em
                contato
                com administrador do sistema para aumentar a capacidade.</small>
        @endif

    </div>
    <div class=" col-sm-5 text-center">
        <div class="progress m-t-5 " title="{{$porcentage}}%">
            <div class="progress-bar bg-success"
                 style="width: {{$porcentage}}%; height:15px;"
                 role="progressbar"> {{ round($record_fileuser->spaceAvailable, 2)}}
                Mb
            </div>
        </div>
        <span class="font-12"> <small> Espaço disponível: </small>{{ ModFinancial::formatMoney(floatval($record_fileuser->spaceAllocated) - floatval($record_fileuser->spaceUsed),'pt_BR')}} Mb</span>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <div id="fileUploadContener" class=" scroller" style="max-height: 50px;">
        </div>
    </div>
</div>