@include('mod-file.style-mini')
<!-- LAYOUT -->
<!-- TITLE -->
<div class="rpanel-title sticky-top">
    <i class="ti-gallery  font-18"></i> Meus Arquivos
</div>
<!-- /TITLE -->
<!-- CONTENT -->
<div class="r-panel-body ">

    <blockquote>

        <div class="row">
            <div class="col-sm-10" id="indexFormSideSearch">
                <input type="text" name="sideBarSearchString" id="sideBarSearchString"
                       class="form-control form-control-line"
                        value="" placeholder="Pesquisar" style="height: 25px;font-size: 14px;">
            </div>
            <div class="col-sm-4">
            </div>

        </div>

    </blockquote>

    <div id="indexSearchSideBar">
        @include('mod-file.search-sidebar-load')
    </div>


</div>
<!-- /CONTENT -->
<!-- /LAYOUT -->


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

<script>
    $(document).ready(function () {
        $("#sideBarSearchBtn").click(function () {
            var value = $(this).val().toLowerCase();
            loadsDataForm('#indexSearchSideBar', '{{asset("file/myfile-searchload")}}', '#indexFormSideSearch', ['#_token',]);

        });
        $('#sideBarSearchString').keypress(function (event) {
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                loadsDataForm('#indexSearchSideBar', '{{asset("file/myfile-searchload")}}', '#indexFormSideSearch', ['#_token',]);
            }
        });

        $('#paginatorNext').click(function () {
            var pag = $(this).val();

            loadsDataForm('#indexSearchSideBar', '{{url("file/myfile-searchload")}}?page=' + pag, '#indexFormSideSearch', ['#_token', '#paginatorNumber'], 1);

        });
    });
</script>