@php
    use App\Models\Profile;
    $profile = Profile::user();
    use App\Http\Controllers\Mod\ModFile;
    use App\Http\Controllers\Mod\ModCalc;
    $record_fileuser=ModFile::informationUser(['idUser'=> $profile->idUser]);
    //dd($record_fileuser);
    $porcentage = ModCalc::percentageExtract($record_fileuser->spaceUsed, $record_fileuser->spaceAllocated);
@endphp
{{--@@include('system-layouts/head-ajax')--}}


<style>

    input {
        margin-top: 1rem;
    }

    input::file-selector-button {
        font-weight: bold;
        color: dodgerblue;
        padding: 0.5em;
        border: thin solid grey;
        border-radius: 3px;
    }


</style>

{{--<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/>--}}

<div class="modal-header">
    <h4 class="modal-title"><i class="bi bi-chat-left-dots font-18"></i> Adicionar informação (comunicação interna)</h4>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-res">
    <div class="modal-body">
        <!-- Edit conteudo  -->


        <form action="{{ asset('/salesorder-descriptionseller/views-add')}}" method="post" id="actionData"
              {{--              class="dropzone dz-clickable"  id="my-dropzone"--}}
              enctype="multipart/form-data">
            <input type="hidden" name="idSalesOrder" value="{{$id}}">
            <input type="hidden" name="_token" value="{{csrf_token()}}">

            <label for="description">Descrição</label>
            <div class="row">
                <div class="col-12">
                    <div class="form-group m-b-5">
                        <textarea class="form-control" rows="4" id="description" name="description" required
                                  maxlength="10000"></textarea>
                        <span class="bar"></span>
                    </div>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-3">Anexar</div>
                <div class="col-6">
                    <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>
                </div>
            </div>
            @if($record_fileuser->spaceAllocated>0)
                <div class="row">
                    <div class="col-sm-6">
                        <input type="file" name="xFile" id="xFile" multiple/>
                    </div>
                    <div class="col-sm-6">
{{--                        <button class="right-side-open btn btn-secondary btn_editar botao_laranja font-18 pull-right m-t-15 m-r-20"--}}
{{--                                data-target="sidebar-right-mini" type="button"--}}
{{--                                onclick="loadsDataForm('#sidebarRight  .content','{{url('file/infoside')}}','#actionNot',['#_token'])">--}}
{{--                            <i class="ti-gallery" aria-hidden="true"></i> Meus Arquivos--}}
{{--                        </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
        </form>


    </div>
    <div class="modal-footer">
        <div class="btn-group btn-group " role="group" aria-label="Basic example">
            <button
                type="button" class="btn waves-effect waves-light btn-primary "
                id="saveRelationship"
{{--                ldUrl="{{ asset('/salesorder-descriptionseller/views-add')}}"--}}
            >&nbsp;&nbsp;<i class="ti-save"></i> &nbsp;&nbsp;salvar&nbsp;&nbsp;
            </button>
            <button type="button" class="btn waves-effect waves-light btn-secondary" data-dismiss="modal"
                    aria-hidden="true" data-dismiss="modal">cancelar
            </button>

        </div>
    </div>


</div>

{{--@include('system-layouts/footer-ajax')--}}

<script>

    $(function () {
        $('#saveRelationship').click(function () {

            //ADD e atualiza a lista de relacionamento
            oziLoadData(data = {
                // ldId: 'saveRelationship',
                ldDestinyId: 'modalExtraLarge',
                ldCatchGroupId: ['actionData'],
                ldCatchItenName: ['_token'],
                consoleError: 'on',
                ldUrl: '{{ asset('/salesorder-descriptionseller/views-add')}}',

            });

        });
    });
</script>


<script src="{{ asset('template/plugins/ozi-sidebar-right/sidebar-right.js') }}" type="text/javascript"></script>