@extends('layouts.admin-Lti')
@section('title', '-Compras')
@section('content')

    <section class="content">

        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a
                    href="{{ Route('produto.index') }}"><span>{{ session()->get('infosession')[0]->TIpoSistema }}</span></a>
            </li>
            <li class="breadcrumb-item active"><a><span><b> Estoque </b></span></a></li>

        </ol>


        <div class="card col-md-10  center no-shadow container-fluid">
            <div class="card-body">
                @can('Adicionar-Farmacia')
                    <a href="{{ route('produto.create') }}"><span class="badge badge-pill badge-primary">
                            Adicionar Compra</span></a>
                @endcan
                @can('Visualizar-Farmacos')
                    <a href="{{ route('produto.index') }}"><span class="badge badge-pill badge-primary">
                            visualuzar produtos </span></a>
                @endcan


                <form class="row file-form" action="{{ Route('produto.importProdutosPost') }}" method="post"
                    enctype="multipart/form-data">
                    @method('post')
                    @csrf
                    <div class="form-group col">
                        <label for="my-input">Selecione A planilha Excel
                            <i class="fa fa-file-excel-o" aria-hidden="true"></i>
                        </label>
                        <input id="my-input" class="form-control-file" type="file" name="file" />
                    </div>

                    <div class="form-group col">
                        <button class="control-file-btn btn btn-primary" type="submit">Caregar</button>
                    </div>
                </form>

            </div>
        </div>
    </section>







    @push('scripts')
        <script src="{{ asset('Datatable/js/jquery-3.5.1.js') }}"></script>
        <script src="{{ asset('Datatable/js/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/dataTables.buttons.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/buttons.flash.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/jszip.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/pdfmake.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/vfs_fonts.js') }}"></script>
        <script src="{{ asset('Datatable/js/buttons.html5.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/buttons.print.min.js') }}"></script>
        <script src="{{ asset('Datatable/js/buttons.colVis.min.js') }}"></script>

        <script>
            $(document).ready(function() {
                $('#listadosalunos').DataTable({
                    dom: 'Bfrtip',

                    buttons: [{
                            extend: 'print',
                            exportOptions: {
                                columns: ':visible'
                            }
                        },
                        'colvis', 'copy', 'csv', 'excel', 'pdf'
                    ],
                    columnDefs: [{
                        targets: [],
                        visible: false
                    }],

                    "paging": true,
                    "lengthChange": true,
                    "searching": true,
                    "ordering": true,
                    "info": false,
                    "autoWidth": true,
                    "lengthMenu": [
                        [5, 10, 25, 50, -1],
                        [5, 10, 25, 50, "All"]
                    ],
                    language: {
                        "lengthMenu": "visualizar _MENU_ ",
                        "zeroRecords": "Nada foi encontado",
                        "info": "mostrara pagina por pagina",
                        "processing": "processando..",
                        "infoEmpty": "Nada tem ",
                        "infoFiltered": "(filtered from _MAX_ total records)",
                        "loadingRecords": "processando...",
                        "search": "pesquisar:",
                        "paginate": {
                            "first": "primera",
                            "last": "ultima",
                            "next": "proxima",
                            "previous": " Anterior"
                        },
                    },
                    initComplete: function() {
                        this.api().columns([1, 2, 3, 4]).every(function() {
                            var column = this;
                            var select = $(
                                    '<select  class="SelectorSerach"><option value=""></option></select>'
                                )
                                .appendTo($(column.footer()).empty())
                                .on('change', function() {
                                    var val = $.fn.dataTable.util.escapeRegex(
                                        $(this).val()
                                    );

                                    column
                                        .search(val ? '^' + val + '$' : '', true, false)
                                        .draw();
                                });

                            column.data().unique().sort().each(function(d, j) {
                                select.append('<option value="' + d + '">' + d +
                                    '</option>')
                            });
                        });
                    }
                });
            });
        </script>
    @endpush
@endsection