@extends('admin.layouts.default')

{{-- Page title --}}
@section('title')
    @lang('CDP/cdp_key_buying_factors.page_title')
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/datatables/css/dataTables.bootstrap.css') }}" />
    <link href="{{ asset('assets/css/pages/tables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>
    <script>
        $(document).ready(function () {
            $('.corner-cut:nth-child(4)').addClass("active");
            $('.corner-cut-withoutMenu:nth-child(4)').addClass("active");
        });window.onload = function() {
            setTimeout(function(){$('#overlay').fadeOut()} , 500);
        }
    </script>
@stop

{{-- Page content --}}
@section('content')
    <div class="popup-wrapper">
        <div class="popup">

        </div>
    </div>
    <div id="overlay">
        <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    </div>
    <section class="">
        @include('admin.layouts.CDP.cdp_menu')
    </section>

    <!-- Main content -->
    <section class="content paddingleft_right15">
        <div class="col-md-12" style="padding:0;">
            <div><h3>{{$menu_info[0]['Sold_To_ID'] }} | {{$menu_info[0]['Sold_To_Name'] }} </h3></div>
            <div class="panel-body">

                <form  method="post" class='cdp-overflow-height dynamic-submit' >
                    {{csrf_field()}}
                    <input type="hidden" name="route_back" id="route_back" value="{{route('admin.cdp.add_key_buying_factors', $cdp_id) }}"/>
                    <table class="table table-striped table-bordered key_buying_factors_table"  width="100%">
                        <tr>
                            <th>@lang('CDP/cdp_key_buying_factors.action')</th>
                            <th>@lang('CDP/cdp_key_buying_factors.kbf')</th>
                            <th>@lang('CDP/cdp_key_buying_factors.importance')</th>
                            <th style="width: 60px;display: revert;"></th>
                            <th>CPM Group</th>

{{--                            @php($disable=($cdp_pending_approval or ($cdp_obj->isAbsolete() or $cdp_obj->isPendingDelete())))--}}

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

                                <th>
                                    <select class="form-control selectpicker" data-index="{{$i+1}}" id="competitor_{{$i+1}}" name="competitor_{{$i+1}}" @if($disable) disabled @endif>
                                        <option value=""></option>
                                        @foreach($competitors as $entry)
                                            <option value="{{$entry['ID']}}"
                                                    @if(isset($competitors_selected[$i]))
                                                    @if($competitors_selected[$i]==$entry['ID']) selected @endif
                                                    @endif>{{$entry['Competitor Name/Affiliate']}}</option>

                                        @endforeach

                                    </select>
                                </th>
                            @endfor

                        </tr>

                        @for($i=0;$i<$number_kbf;$i++)
                            <tr>
                                <td>
                                    @if(isset($rows_importance[$i]) or isset($rows_performance[$i]))
                                        <a data-row="{{$i}}" class="delete_button_hover" > <img data-row="{{$i}}" cla src="{{ asset('assets/img/trash.png') }}" alt="Delete" width="25px"><span>@lang('button.delete')</span></a>
                                    @endif
                                </td>
                                <td>
                                    <select data-row="{{$i}}" class="form-control selectpicker" data-index="{{$i+1}}" name="KBF_{{$i+1}}" @if($disable) disabled @endif>
                                        <option value=""></option>
                                        @foreach($kbf as $entry)
                                            <option value="{{$entry['KBF_ID']}}"
                                                    @if(isset($kbf_selected[$i]))
                                                    @if($kbf_selected[$i]==$entry['KBF_ID']) selected @endif
                                                    @endif>{{$entry['Importance']}}</option>
                                        @endforeach
                                    </select>

                                </td>
                                <td>
                                    <select data-row="{{$i}}" class="form-control selectpicker" name="kbf_{{$i+1}}_importance" @if(isset($kbf_selected[$i])) required @endif @if($disable) disabled @endif>
                                        <option value=""></option>
                                        @foreach($kbf_inputs_imp as $kbf_input)
                                            <option value="{{$kbf_input['ID']}}"
                                                    @if(isset($rows_importance[$i]['Importance']))  @if($rows_importance[$i]['Importance'] == $kbf_input['ID'])  selected @endif @endif>
                                                {{$kbf_input['VTEXT']}}</option>
                                        @endforeach

                                    </select>

                                </td>
                                <td style="width: 60px;display: revert;">   </td>

                                <td>
                                    <select data-row="{{$i}}" class="form-control selectpicker" data-index="{{$i+1}}"  name="kbf_{{$i+1}}_pfleiderer" @if(isset($kbf_selected[$i])) required @endif @if($disable) disabled @endif>
                                        <option value=""></option>
                                        @foreach($kbf_inputs_perf as $kbf_input)
                                            <option value="{{$kbf_input['ID']}}"
                                                    @if(isset($rows_performance[$i][$pfleiderer_id]))
                                                    @if($rows_performance[$i][$pfleiderer_id] == $kbf_input['ID']) selected @endif @endif
                                            >{{$kbf_input['VTEXT']}}</option>
                                        @endforeach
                                    </select>
                                </td>

                                @for($j=0;$j<$number_comp;$j++)
                                    <td>
                                        <select data-row="{{$i}}" class="form-control selectpicker" name="kbf_{{$i+1}}_competitor_{{$j+1}}"@if($disable) disabled @endif>
                                            <option value=""></option>
                                            @foreach($kbf_inputs_perf as $kbf_input)
                                                <option value="{{$kbf_input['ID']}}"
                                                        @if(isset($competitors_selected[$j])) @if(isset($rows_performance[$i][$competitors_selected[$j]]))@if(($rows_performance[$i][$competitors_selected[$j]]==$kbf_input['ID'])) selected @endif @endif @endif>{{$kbf_input['VTEXT']}}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>

                                @endfor
                            </tr>

                        @endfor

                    </table>

                    <button formaction="{{route('admin.cdp.save_KBF', $cdp_id)}}" id="submit_btn" class="qualitative_green_button" type="submit" @if($disable) disabled @endif >@lang('button.save')</button>
                    <button class=" orange qualitative_orange_button"><a  href="{{route('admin.cdp.differentiation', $cdp_id)}}">@lang('CDP/cdp_key_buying_factors.kbf_summary')</a></button>
                </form>
            </div>
        </div>
    </section>


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

    <script type="text/javascript" src="{{ asset('assets/js/pages/cdp_overview.js') }}"></script>

    <script>

        var cdp_id="{{$cdp_obj->ID}}";
        var userid="{{\Cartalyst\Sentinel\Laravel\Facades\Sentinel::getUser()->id}}"

        $( document ).ready(function() {
            $('.corner-cut:nth-child(4)').addClass("active");
            $('.corner-cut-withoutMenu:nth-child(4)').addClass("active");

        });
    </script>

    @if(!$disable)
        <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/share_cdp.js') }}"></script>
    @endif

    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/kbf.js') }}"></script>
{{--    <script src="{{ \App\Http\Classes\LaravelEchoServerClientInterface::getHost() }}:{{\App\Http\Classes\LaravelEchoServerClientInterface::getPort()}}/socket.io/socket.io.js"></script>--}}
{{--    <script src="{{ asset('assets/js/laravel_echo/laravel-echo-setup.js') }}" type="text/javascript"></script>--}}
    <script type="text/javascript" src="{{ asset('assets/js/pages/cdp_broadcaster.js') }}"></script>
@stop