@extends('layouts.template')

@section('title')
Data Master DPBB Non Medis
@endsection

@section('pagetitle')
Data Master DPBB Non Medis
@endsection

@section('breadcumb')
<nav aria-label="breadcrumb" role="navigation" class="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Beranda</a></li>
        <li class="breadcrumb-item"><a href="#">Data Master</a></li>
        <li class="breadcrumb-item active" aria-current="page">Data DPBB Non Medis</li>
    </ol>
</nav>
@endsection

@section('content')
<style>
    select,
    option {
        top: 50px;
    }

    #buttonStyle {
        padding: 10px;
        color: white;
        background-color: #2D72EA;
        border: 1px solid #2D72EA;
        border-radius: 5px;
        cursor: pointer;
    }

    #buttonStyle:hover {
        background-color: #01ADFF;
        border: 1px solid #2D72EA;
    }

    #errormsg {
        /* padding:50px; */
        font-family: sans-serif;
        color: #aaa;
    }

    p .reds {
        color: red;
    }

    p .bold {
        font-weight: bold;
    }

    .input-field select {
        margin-top: 80px;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="row" style="margin-right:20px;">
                <a class="right" href="{{ route('master.itemnonmedis.add') }}" title="Tambah Data"><i class="fa fa-plus"  style="font-size:24px;color:#9C27B0"></i></a>
            </div>
            <br>
            <div class="card">
                <div class="card-content">
                    <div class="toolbar">
                        <!-- Notifikasi menggunakan flash session data -->
                        @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                        @endif

                        @if (session('error'))
                        <div class="alert alert-error">
                            {{ session('error') }}
                        </div>
                        @endif
                    </div>
                    <table id="bootstrap-table" class="table table-bordered">
                        <thead style="background:#9C27B0;min-height:100px; color:#fff !important; font-size:12px;">
                            <th data-field="idpoli" >No</th>
                            <th data-field="nama_barang" data-sortable="true"><b>Nama Barang</b></th>
                            <th data-field="satuan" ><b>Satuan</b></th>
                            <th data-field="actions" class="td-actions text-center"><b>Aksi</b></th>
                        </thead>
                        <tbody>
                        @foreach ($data as $index => $r)
                            <tr>
                                <td>{{$index+1}}</td>
                                <td>{{$r->nama_barang}}</td>
                                <td>{{$r->satuan}}</td>

                                <td>
                                        <form onsubmit="return confirm('Apakah Anda Yakin ?');"
                                            action="{{ route('master.itemnonmedis.destroy', $r->id) }}" method="POST">
                                            <a href="{{ route('master.itemnonmedis.edit', $r->id) }}"
                                                class="btn btn-xs btn-primary"><i class="fa fa-pencil-square-o"></i></a>
                                            @csrf
                                            @method('DELETE')
                                            <!-- <button type="submit" class="btn btn-xs btn-danger"><i class="fa fa-trash-o" aria-hidden="true"></i></button> -->
                                        </form>
                                </td>

                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div><!--  end card  -->
        </div> <!-- end col-md-12 -->
    </div> <!-- end row -->
</div>


<script>
    function FileUpload() {
        document.getElementById('InputFile').click();
    }

    function selectFile() {
        if (document.getElementById('InputFile').value) {
            document.getElementById('errormsg').innerHTML = document.getElementById('InputFile').value.match(
                /[\/\\]([\w\d\s\.\-\(\)]+)$/
            )[1];
        } else {
            document.getElementById('errormsg').innerHTML = "No file choosen, yet.";
        }
    }
</script>
@endsection