@extends('layouts.app2')

@section('content')
    <div class="bgc-white p-20 bd">
        <h2>Mantenedor de Giradores</h2>
        <div class="my-3 text-right">
            <a href="#" class="btn btn-primary">Nuevo Girador</a>
        </div>
        <div class="card">
            <div class="card-body">
                <table
                    id="OC"
                    class="table table-striped table-bordered dt-responsive nowrap"
                    style="border-collapse: collapse; border-spacing: 0; width: 100%;white-space: nowrap !important;"
                    data-pagination="true"
                    data-url="{{ url('/pproveedores/loadGiradores') }}"
                    data-query-params="queryParams"
                    data-show-refresh="true"
                    data-show-footer="true"
                    data-sort-order="asc"
                    data-sort-name="rbd"
                    data-page-size="50"
                    data-checkbox-header="true"
                >
                    <thead>
                    <tr>
                        <th data-field='id'>ID Girador</th>
                        <th data-field='rut'>RUT</th>
                        <th data-field='nombres'>Nombres</th>
                        <th data-field='apellidos'>Apellidos</th>
                        <th data-field=''>Acciones</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@push('post-scripts')
    <style>
        .main-content {
            padding: 10px 20px 20px;
            min-height: calc(100vh - 61px);
        }
    </style>
    <script>
        var tabla = $('#OC').bootstrapTable({
            pagination: true, search: true
        });
    </script>
@endpush