@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Form Examples
    @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>Pareto Examples</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-heading">--}}
                    {{--<h3 class="panel-title">--}}
                    {{--<i class="livicon" data-name="clock" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>--}}
                    {{--Basic Form 1--}}
                    {{--</h3>--}}
                    {{--<span class="pull-right">--}}
                    {{--<i class="glyphicon glyphicon-chevron-up clickable"></i>--}}
                    {{--<i class="glyphicon glyphicon-remove removepanel clickable"></i>--}}
                    {{--</span>--}}
                    {{--</div>--}}
                    <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_fig">Key Figure</label>
                                <div class="col-md-9">
                                    <select id="key_fig" name="key_fig" 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="scale">Scale</label>
                                <div class="col-md-9">
                                    <select id="scale" name="scale" class="form-control">
                                        <option value=""></option>
                                        <option value="100">100</option>
                                        <option value="1000">1000</option>
                                        <option value="1000000">1000000</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-3 control-label" for="range">Range (From : To)</label>
                                <div class="col-md-9">
                                    <input id="range" name="range" type="text" class="form-control">
                                </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>
        <!--main content ends--> </section>
    <!-- content -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
    <div style="width: 75%">
        <canvas id="trend-plot"></canvas>
    </div>

    <script>

    </script>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script>
        var appSettings = {
            labels: "{{json_encode($labels)}}",
            net_sales: "{{json_encode($net_sales)}}",
            sqm: "{{json_encode($sqm)}}",
            net_sqm: "{{json_encode($net_sqm)}}"
        };
    </script>
    <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>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/trend.js') }}"></script>


@stop