@extends('app')
@section('content')
    <style type="text/css">
        .box.box-solid.box-info > .box-header {
            color: #ffffff;
            background: #0a5077;
            background-color: #0a5077;
        }

        .box.box-solid.box-info {
            border: 1px solid #0a5077;
        }

        .box.box-solid.box-danger {
            border: 1px solid #0a5077;
        }
    </style>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Setup
            <small>Preview</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Setup</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="box box-info box-solid ">
                            <div class="box-header with-border">
                                <h3 class="box-title">Inventory Setup</h3>
                                <!-- /.box-tools -->
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <div class="col-md-4 overlay-icons-body">
                                    <div class="box box-danger box-solid">
                                        <div class="box-body">
                                            <i class="fa fa-edit overlay-icons"></i>
                                            <br> <span> Unit Setup  </span>
                                        </div>
                                        <!-- /.box-body -->
                                        <!-- Loading (remove the following to stop the loading)-->
                                        <div class="overlay">
                                            <div class="buttons">
                                                <a class="btn btn-default" data-toggle="modal" href="{{route('add.unit')}}">
                                                    <i class="fa fa-search-plus"></i>
                                                    &nbsp;View
                                                </a>
                                            </div>
                                        </div>
                                        <!-- end loading -->
                                    </div>
                                    <!-- /.box -->
                                </div>
                                <div class="col-md-4 overlay-icons-body">
                                    <div class="box box-danger box-solid">
                                        <div class="box-body">
                                            <i class="fa fa-edit overlay-icons"></i>
                                            <br> <span> Supplier Setup  </span>
                                        </div>
                                        <!-- /.box-body -->
                                        <!-- Loading (remove the following to stop the loading)-->
                                        <div class="overlay">
                                            <div class="buttons">
                                                <a class="btn btn-default" data-toggle="modal" href="{{route('add.supplier')}}">
                                                    <i class="fa fa-search-plus"></i>
                                                    &nbsp;View
                                                </a>
                                            </div>
                                        </div>
                                        <!-- end loading -->
                                    </div>
                                    <!-- /.box -->
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box box-info box-solid ">
                            <div class="box-header with-border">
                                <h3 class="box-title">Item Setup</h3>
                                <!-- /.box-tools -->
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">

                            </div>
                            <!-- /.box-body -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
    <script src="{{ asset('assets/bower_components/ckeditor/ckeditor.js') }}"></script>
    <script>
        // CKEDITOR.replace('summary-ckeditor');
    </script>
@endsection