@extends ('layouts.app')
@section ('content')

    <div class="panel">

        @include('merchants.partials.menu')

        <div class="panel-group visible-xs" id="RRE9a-accordion"></div>
            <div class="tab-content">
                <div class="tab-pane active" id="tab_1">

                    <div class="row">
                        <div class="col-md-2">
                            <div class="input-prepend input-group">
                                <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                                <input type="text" style="width: 100%" name="reservation" id="daterangepicker" class="form-control" value="08/01/2013 1:00 PM - 08/01/2013 1:30 PM">
                            </div>
                        </div>
                        <div class="col-md-2">
                            {{ Form::select('customer', array('0' => '-Customers-', '1' => 'Customer 1', '2' => 'Customer 2'), null, array('class' => 'form-control')) }}
                        </div>
                        <button data-toggle="modal" data-target="#modal-add-supplier" type="submit" class="btn btn-tabletpos pull-right m-r-10">+ Add Supplier</button>
                    </div>
                    <div class="row">
                        <div class="col-md-12">

                            <table class="table table-striped table-responsive" id="table-users">
                                <thead>
                                    <tr>
                                        <th class="col-email text-left">Supplier Name</th>
                                        <th class="text-center">Email</th>
                                        <th class="text-center">Contact Number</th>
                                        <th class="text-right">Manage</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @for ($i=0; $i<10; $i++)

                                    <tr class="gradeX">
                                        <td class="col-name">SUPPLIER NAME</td>
                                        <td class="col-email text-center">email@email.com</td>
                                        <td class="col-mobile text-center">073 123 4567</td>
                                        <td class="col-payment-details text-center">
                                        <button data-toggle="modal" data-target="#modal-create-push-notification" type="submit" class="btn btn-tabletpos m-r-10 pull-right">X</button>
                                        </td>
                                    </tr>

                                    @endfor

                                </tbody>
                            </table>

                            <ul class="pagination">
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                            </ul>

                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="tab_2" style="height:400px">

                </div>
                <div class="tab-pane" id="tab_3" style="height:400px">

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

    @include('modals.add_supplier')

@stop