template product

template product

@extends('index')

@section('contentheader_title','Master Produk')

@section('customcss')
    <link rel="stylesheet" href="{{ asset('/plugins/datatables/dataTables.bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('/plugins/datatables/jquery.dataTables.min.css') }}">
@endsection

@section('content')
<!-- Default box -->
    <div class="box box-primary">
        <div class="box-body">
        
             <div>
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            
            <div>
                <button type="button" class="btn btn-success btn-md" data-toggle="modal" data-target="#modal-insert">
                    <span class="fa fa-plus"></span> Tambah Data
                </button>
            </div>

            <br>

           <div class="table">
               <table class="table table-striped table-hover table-responsive" id="table">
                    <thead>
                        <tr>
                            <th style="text-align: center;">No.</th>
                            <th>Produk</th>
                            <th>Harga</th>
                            <th>Stok</th>
                            <th>Deskripsi</th>
                            <th class="text-center nosort">Opsi</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
           </div>
        </div>
        <!-- /.box-body -->
    </div>
<!-- /.box -->
@endsection
@section('customscript')
    <script type="text/javascript" src="{{ asset('/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/plugins/datatables/dataTables.bootstrap.min.js') }}"></script>
@endsection