@php
    use Illuminate\Support\Facades\Crypt;

//idSalesOrderStatus
@endphp

@include('system-layouts/layout-head')
@include('mod-salesorder/title')

<style>
    @media screen and (max-width: 800px) {
        .odd {
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: max-content;
            border-radius: 15px !important;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .even {
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: max-content;
            border-radius: 15px !important;
            padding-top: 20px;
            padding-bottom: 20px;
        }
    }


</style>

<div class="container-fluid">
    <!-- contentiner -->
    <!-- col -->
    <div class="card">
        <!-- card -->
        <div class="card-body p-l-0 p-r-0">


            <div class="row">


                <div class="col-xlg-9 col-xl-12  infoPedidos">

                    @include('mod-salesorder.index-panel')
                </div>

            </div>
            <hr>
            <div class="row m-b-20 m-l-15" id="linhaResultado">
                <div class="row">
                    <small> Registro:
                        <span id="recordSearch">{{$record->total()}}</span>
                    </small>
                </div>
            </div>
            <div class="table-responsive m-t-10">
                <table class=" table table-striped font-13" style="margin-top:-25px; ">
                    <thead>
                    <tr>
                        <th></th>
                        <th class="contatoPedidos" style="width: 260px;"></th>
                        <th class="contatoPedidos"></th>
                    </tr>
                    </thead>
                    <tbody id="indexSearch">
                    @include('mod-salesorder.index-load')
                    </tbody>
                </table>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="input-group" id="paginatorFilter">
                        <select class="form-control" id="paginatorNumber" name="paginatorNumber">
                            <option value="30">30</option>
                            <option value="50">50</option>
                            <option value="100">100</option>
                        </select>
                        <button type="button" class="btn waves-effect waves-light btn-secondary" id="paginatorNext"
                                value="2">
                            Mostrar
                        </button>
                    </div>
                </div>
            </div>
            <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}">
        </div>
    </div>
    <!--/ card -->
</div>
<!--/ end col -->

<!--/ end contentiner -->
</div>


@include('system-layouts/layout-footer')
<script>
    $(document).ready(function () {
        $("#clientSearchBtn").click(function () {
            var value = $(this).val().toLowerCase();
            loadsDataForm('#indexSearch', '{{asset("salesorder/load/")}}', '#indexFormSearch', ['#_token', '#serviceResponsible']);

        });
        $('#searchString').keypress(function (event) {
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if (keycode == '13') {
                loadsDataForm('#indexSearch', '{{asset("salesorder/load/")}}', '#indexFormSearch', ['#_token', '#serviceResponsible']);
            }
        });
        $('#paginatorNext').click(function () {
            var pag = $(this).val();

            loadsDataForm('#indexSearch', '{{url("salesorder/load")}}?page=' + pag, '#indexFormSearch', ['#_token', '#paginatorNumber', '#serviceResponsible'], 1);

        });
        /*CUSTOM*/
        $("#statsSales").change(function () {
            var value = $(this).val().toLowerCase();
            loadsDataForm('#indexSearch', '{{asset("salesorder/load/")}}', '#indexFormSearch', ['#_token', '#serviceResponsible']);

        });
        $("#seller").change(function () {
            var value = $(this).val().toLowerCase();
            loadsDataForm('#indexSearch', '{{asset("salesorder/load/")}}', '#indexFormSearch', ['#_token', '#serviceResponsible']);

        });
    });
</script>

<script>

    function resultadopesquisaoculta() {
        resultado = document.getElementById("recordSearch");
        divresultado = document.getElementById("linhaResultado");
        if (resultado.innerHTML == '') {
            divresultado.style.display = "none";
        } else {
            divresultado.style.display = "block";
        }
    }

    $(document).ajaxComplete(function () {
        resultadopesquisaoculta();
    });
    resultadopesquisaoculta();


</script>