@extends('layouts.template')

@section('title')
Tambah Kategori Obat | SIMRS
@endsection

@section('pagetitle')
Tambah Kategori Obat
@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"><a href="#">Obat</a></li>
        <li class="breadcrumb-item"><a href="#">Kategori Obat</a></li>
        <li class="breadcrumb-item active" aria-current="page">Tambah Kategori Obat</li>
    </ol>
</nav>
@endsection

@section('content')

<style>
    .form-group label {
        margin-top: 20px;
    }
</style>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="card">
                <form method="#" action="#">
                    <div class="card-header">
                        <h4 class="card-title">
                            <strong>Form Tambah Kategori Obat</strong>
                        </h4>
                    </div>
                    <br>
                    <div class="card-content">

                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-12">
                                    <label>Kategori Obat</label>
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div style="display: flex; justify-content: flex-end">
                            <button type="cancel" class="btn btn-fill btn-danger">Cancel</button>
                            <button type="submit" class="btn btn-fill btn-info">Submit</button>
                        </div>
                    </div>
                </form>
            </div> <!-- end card -->
        </div> <!--  end col-md-6  -->
    </div>
</div>
@endsection