@extends('admin/layouts/default')
{{-- Page title --}}
@section('title')
    Hitlist
    @parent
@stop

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

    <link href="{{ asset('assets/css/pages/pareto.css') }}"  rel="stylesheet" type="text/css" />

@stop
{{-- Page content --}}
@section('content')
    <section class="content-header">
        <!--section starts-->
        <h1>Hitlist
            @if(\App\Models\Role_Permission::hasExportPermission())
                <button style="width: 100px; float: right; text-transform: capitalize; " id="button-md"
                        onclick="loading();setTimeout(function(){ save_table('tabledd') }, 2000);">
                    Export
                </button>
            @endif
        </h1>

    </section>
    <!--section ends-->
    <section class="content">

        <div class="col-md-4">

            <div  id="hidepanel1">
                <div class="panel-body">
                    <form class="form-horizontal pareto-menu" action="#">
                        <div class="form-position">
                            <button type="button" onClick="clearForm(this.form)" id="button-lg" class="btn btn-responsive btn-primary btn-lg">
                                Clear Inputs
                            </button>
                        </div>
                        @include("admin.layouts.grow.growFilters")
                        <div class="form-position">

                            <button type="submit" id="button-lg" class="btn btn-responsive btn-primary btn-sm">Submit</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>

        <div class="col-md-8 pull-right">
            <!-- 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="#F0785F" data-hc="#F0785F"></i> Hitlist Table
                    </h3>
                    <span class="pull-right">
                        <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                    </span>
                </div>
                <div class="panel-body">

                    <div class="table-responsive height-scroll-table">
                        <table class="table table-striped table-bordered" id="tabledd" width="100%">
                            <thead>
                                <tr>
                                    <th>Customer (SoldTo)</th>
                                    <th>Competitor</th>
                                    <th>Country (SoldTo)</th>
                                    <th>Prodh L1</th>
                                    <th>Total Demand (CY)</th>
                                    <th>Competitor Sales (PY)</th>
                                </tr>
                            </thead>
                            <tbody>

                            @foreach($allValues as $value)
                                <tr>

                                    <td>
                                        {{ $value->Sold_To_Name }}
                                    </td>

                                    <td>
                                        {{ $value->competitor }}
                                    </td>

                                    <td>
                                        {{ $value->country }}
                                    </td>

                                    <td>
                                        {{ $value->Prodh_Name }}
                                    </td>

                                    <td>
                                        {{ $value->total_demand }}
                                    </td>

                                    <td>
                                        {{ $value->PY_Gross_Sales }}
                                    </td>

                                </tr>
                            @endforeach


                            </tbody>
                            @include("admin.layouts.grow.displaySelectedFilters")
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!--main content ends--> </section>

@stop

@section('footer_scripts')
    <script>
        var route_export="{{route('admin.save_table')}}";
    </script>

@stop