@extends('layouts.admin')

@section('content')
    <!-- ======================= Content Wrapper ========================= -->
    <div class="content-wrapper">
        <!-- ======================= Content Header ========================= -->
        <section class="content-header">
            <h1>
                Product Category
                <small>Add, view and edit Product category </small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="/Dashboard"><i class="fa fa-dashboard"></i> Dashboard</a></li>
                <li><a href="/Product">Product</a></li>
                <li class="active">Brand</li>
            </ol>
        </section>
        <!-- ======================= / Content Header ========================= -->


        <!-- ======================= Main Content ========================= -->
        <section class="content">
            <div class="box box-info">
                <!-- /.box-header -->
                <div class="box-header">
                    <button class="btn  bg-navy" data-toggle="modal" data-target="#NewBankModal">Add Brand</button>
                </div>
                <div class="box-body">
                    <table id="BankList" class="table table-bordered table-striped dataTable table-condensed">
                        <thead>
                        <tr>
                            <th> Brand Name</th>
                            <th> Manufacturer</th>
                            <th> Action</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>


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

            <!-- =================== New Brand  Modal ===================-->
            <div class="modal" id="NewBankModal" role="dialog">
                <div class="modal-dialog">
                    <!-- =================== Modal content =================== -->
                    <div class="modal-content">

                        <div class="modal-header">
                            <h1 class="modal-title text-center">
                                <p class="label label-primary">Add New Brand</p>
                            </h1>
                        </div>

                        <div class="modal-body">
                            <div class="content">
                                {{ Form::open(array('url' => '/Product/Brand/New', 'class' => 'form-horizontal','enctype'=>'multipart/form-data','role'=>'form')) }}

                                    <div class="form-group">
                                        <label for="BrandName" class="control-label col-md-3">Brand Name:</label>
                                        <div class="col-md-9">
                                            <input type="text" id="BrandName" class="form-control" id="inputSuccess" placeholder="Brand Name" name="BrandName">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="Manufacturer" class="control-label col-md-3">Manufacturer:</label>
                                        <div class="col-md-9">
                                            <input type="text" id="Manufacturer" class="form-control" id="inputSuccess" placeholder="Manufaturer" name="Manufaturer">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-md-6 col-md-offset-4">
                                            {{ Form::submit('Add New Brand', array('class'=>'btn bg-navy btn-flat btn-block','name'=>'submit')) }}
                                        </div>
                                    </div>

                                {{ Form::close() }}
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn bg-maroon btn-flat" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </div>
            </div>


            <!-- =================== Brand Edit  Modal ===================-->
            <div class="modal" id="CategoryEditModal" role="dialog">
                <div class="modal-dialog">
                    <!-- =================== Modal content =================== -->
                    <div class="modal-content">

                        <div class="modal-header">
                            <h1 class="modal-title text-center">
                                <p class="label label-primary">Edit Brand</p>
                            </h1>
                        </div>

                        <div class="modal-body">

                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn bg-maroon btn-flat" data-dismiss="modal">Cancel</button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection