@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
Pricing Compliance Table
@parent
@stop

{{-- page level styles --}}
@section('header_styles')

<link href="{{ asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.css') }}"  rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/vendors/iCheck/css/all.css') }}"  rel="stylesheet" type="text/css" />

@stop
{{-- Page content --}}
@section('content')
<section class="content-header">
    <!--section starts-->
    <h1>Pricing Compliance Table</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}">
                <i class="livicon" data-name="home" data-size="14" data-loop="true"></i>
                Dashboard
            </a>
        </li>
        <li>
            <a href="#">Forms</a>
        </li>
        <li class="active">Form Examples</li>
    </ol>
</section>
<!--section ends-->

<section class="content">
    <!--main content-->
    <div class="row">
        <!--row starts-->
        <div class="col-md-6">
            <!--lg-6 starts-->
            <!--basic form starts-->
            <div class="panel panel-primary" id="hidepanel1">

                <div class="panel-body">
                    <form class="form-horizontal" action="#">
                        <!-- CSRF Token -->
                        <!-- Name input-->
                        <h2>MEASURES</h2>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="dimension">Dimension</label>
                            <div class="col-md-9">
                                <select id="dimension" name="dimension" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="key_fig1">Key Figure 1</label>
                            <div class="col-md-9">
                                <select id="key_fig1" name="key_fig1" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="key_fig2">Key Figure 2</label>
                            <div class="col-md-9">
                                <select id="key_fig2" name="key_fig2" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="key_fig3">Key Figure 3(2nd Axis)</label>
                            <div class="col-md-9">
                                <select id="key_fig3" name="key_fig3" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                       
                        <h2>FILTERS</h2>
                        <h3>Date</h3>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="date">Date (From : To)</label>
                            <div class="col-md-9">
                                <select id="date" name="date" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <h3>Int. Oraganisation</h3>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="int_sales">Internal Sales Employee</label>
                            <div class="col-md-9">
                                <select id="int_sales" name="int_sales" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="ext_sales">External Sales Employee</label>
                            <div class="col-md-9">
                                <select id="ext_sales" name="ext_sales" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="vk_org">VK Org</label>
                            <div class="col-md-9">
                                <select id="vk_org" name="vk_org" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="plant_name">Plant Name</label>
                            <div class="col-md-9">
                                <input id="plant_name" name="plant_name" type="text" class="form-control">
                            </div>
                        </div>

                        <h3>Product</h3>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="prod_3">Prod Hierarchy 3</label>
                            <div class="col-md-9">
                                <select id="prod_3" name="prod_3" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="prod_4">Prod Hierarchy 4</label>
                            <div class="col-md-9">
                                <select id="prod_4" name="prod_4" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="prod_5">Prod Hierarchy 5</label>
                            <div class="col-md-9">
                                <select id="prod_5" name="prod_5" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="mat_no">Material No</label>
                            <div class="col-md-9">
                                <select id="mat_no" name="mat_no" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="mat_descr">Material Short Descr</label>
                            <div class="col-md-9">
                                <select id="mat_descr" name="mat_descr" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <h3>Customer</h3>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="debitor_no">Debitor No</label>
                            <div class="col-md-9">
                                <select id="debitor_no" name="debitor_no" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="sold_to_nm">SoldTo Name</label>
                            <div class="col-md-9">
                                <select id="sold_to_nm" name="sold_to_nm" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label" for="ship_to_nm">ShipTo Name</label>
                            <div class="col-md-9">
                                <select id="ship_to_nm" name="ship_to_nm" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <h3>Market</h3>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="sold_country">SoldTo Country</label>
                            <div class="col-md-9">
                                <select id="sold_country" name="sold_country" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="segment">Segment</label>
                            <div class="col-md-9">
                                <select id="segment" name="segment" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="sub_segment">Sub-Segment</label>
                            <div class="col-md-9">
                                <select id="sub_segment" name="sub_segment" class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </div>

                        <!-- Form actions -->
                        <div class="form-position">
                            <div class="col-md-12 text-right">
                                <button type="submit" class="btn btn-responsive btn-primary btn-sm">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
        <!--md-6 ends-->

    </div>

    <div class="col-lg-6">
        <!-- Stack charts strats here-->
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <i class="livicon" data-name="barchart" data-size="16" data-loop="true" data-c="#fff" data-hc="#fff"></i> Pareto Table
                </h3>
                <span class="pull-right">
                        <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                        <i class="glyphicon glyphicon-remove removepanel clickable"></i>
                    </span>
            </div>
            <div class="panel-body">

                <div class="table-responsive">
                    <table class="table table-striped table-bordered" id="table2" width="100%">
                        <thead>
                        <tr>
                            <th>Dimension</th>
                            <th>Date</th>
                            <th>Calculation Level(SKU)</th>
                            <th>Sales Org</th>
                            <th>Distribution Channel</th>
                            <th>Segment</th>
                            <th>A,B,C...</th>
                            <th>Freight Included</th>
                            <th>Sales Revenue</th>
                            <th>Freight</th>
                            <th>Actual Reference Price</th>
                            <th>SQM</th>
                            <th>Average Price</th>
                            <th>Target Price</th>
                            <th>Color</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>

                        </tr>

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

                <!-- End Of Main Application -->
            </div>
        </div>
    </div>
    <!--main content ends-->
</section>
<!-- content -->
@stop

{{-- page level scripts --}}
@section('footer_scripts')

<script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}" ></script>
<script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
<script src="{{ asset('assets/js/pages/form_examples.js') }}"></script>

@stop