@section('css')
    <style>
            td.details-control {
            background: url('../resources/details_open.png') no-repeat center center;
            cursor: pointer;
        }
        tr.details td.details-control {
            background: url('../resources/details_close.png') no-repeat center center;
        }
    </style>
@endsection
<div class="card card-outline card-default">
    <div class="card-header">
        <h3 class="card-title">Contenido de la Orden</h3>
        <div class="card-tools">
            <button type="button" class="btn btn-primary" onClick="newModal()" ><i class="fas fa-plus"></i>Agregar Producto</button>
        </div>
    </div>
    <div class="card-body">

    <div class="table-responsive">
        <table class="table" id="material_table">
            <thead>
                <tr>
                    <th>Shipment Number</th>
                    <th>Código</th>
                    <th>Descripción</th>
                    <th>Purchasing Item Number</th>
                    <th>Peso Neto UOM</th>
                    <th>Peso Bruto UOM</th>
                    <th>Cantidad UOM</th>
                    <th>Precio Unitario</th>
                    <th>Detalles</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <tbody>


            </tbody>
        </table>
    </div>
    </div>
</div>