@extends('admin.layouts.default')

{{-- Page title --}}
@section('title')
    @lang('CDP/cdp_qualitative_targets.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/vendors/select2/css/select2.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css"
          rel="stylesheet" type="text/css"/>
    <script>  $(document).ready(function () {
            $('.corner-cut:nth-child(5)').addClass("active");
            $('.corner-cut-withoutMenu:nth-child(5)').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>
        <div class="overlay_denied_menu"></div>
        @include('admin.layouts.CDP.cdp_menu')
    </section>
    <!-- Main content -->

    <div class="export_cdp" >
        <a  id="button-mdd" title="@lang('button.export')"
           href="{{route('admin.cdp.ajax.export', $cdp_id)}}">
           <button class="cdp_export">Export</button>
        </a>
    </div>

{{--    <div class="status_closed alert-danger alert" style="    margin: 0 15px 10px 10px;">Please be aware to adjust all open activities manually!</div>--}}

    <section class="cdp-overflow-height content paddingleft_right15">
        <div class="row">
            <div class="fade in" id="error"></div>
            <div class="fade in" id="error_second"></div>
            <div><h3>{{$menu_info[0]['Sold_To_ID'] }} | {{$menu_info[0]['Sold_To_Name'] }} </h3></div>

            <form class="dynamic-submit" method="post" action="{{route('admin.cdp.save_qualitative_targets',$cdp_id)}}" style="position: relative">
                <input type="hidden" name="_token" id="token" value="{!! csrf_token() !!}"/>
                <input type="hidden" name="_cdp_id" id="_cdp_id" value="{!! $cdp_id !!}"/>
                <input type="hidden" name="route_back" id="route_back"
                       value="{{route('admin.cdp.add_qualitative_targets', $cdp_id) }}"/>

                @if(isset($cdp_targets))
                    @foreach($cdp_targets as $a_target)

                        <div class=" qualitative_target_content content-target_{{$a_target["Target_ID"]}}">
                            <div class="qualitative_target_overflow overflow_qualitative ">
                            @php($index_target=($a_target['Target_ID']))
                            @include('admin.layouts.CDP.cdp_target')
{{--                           @if(empty($a_target['activities'])) @php($index_activity=0) @endif--}}
{{--                            @foreach($a_target['activities'] as $an_activity)--}}
{{--                                @php($index_activity=$an_activity['Activity_ID'])--}}
{{--                                @include('admin.layouts.CDP.cdp_activity')--}}
{{--                            @endforeach--}}
                            </div>


{{--                            <div style="border-top:20px; float: unset" class="select_from_btn">--}}
{{--                                <button class="qualitative_orange_button yellow"><a data-target-index="{{$index_target}}" id="select_actions_from_list_{{$index_target}}">Select Actions from Action List</a></button>--}}
{{--                            </div>--}}
                            
{{--                            <a id="btn_activity_{{$index_target}}" class="new_activity qualitative_orange_button yellow @if($disable) cursor_default @endif"  @if(($a_target['Status_ID']==\App\Models\Status::CLOSED or $a_target['Status_ID']==\App\Models\Status::OBSOLETE )) style="display: none" @endif data-input="{{$index_target}}_{{$index_activity}}">--}}
{{--                                New Action--}}
{{--                            </a>--}}

                        </div>

                    @endforeach

                        <div class="bottom-buttons">

                    <a style="margin: 3px 0 10px 0;" class="new_target qualitative_orange_button yellow @if($disable) cursor_default @endif" data-input="{{$index_target}}">
                       New Target
                    </a>
                            <button id="submit_btn" class="qualitative_green_button" type="submit"  @if($disable) disabled @endif>@lang('button.save')</button>
                        </div>

                @else
                    <div class="qualitative_target_content content-target_{{$index_target}}" id="xyz_{{$index_target}}">
                        <div class="qualitative_target_overflow overflow_qualitative" >

                            @php($required=false)
                            @include('admin.layouts.CDP.cdp_target')
{{--                            @include('admin.layouts.CDP.cdp_activity')--}}
                        </div>

{{--                        <div style="border-top:20px;" class="select_from_btn">--}}
{{--                            <button class="qualitative_orange_button yellow"><a data-target-index="{{$index_target}}" id="select_actions_from_list_{{$index_target}}">Select Actions from Action List</a></button>--}}
{{--                        </div>--}}

{{--                        <a id="btn_activity_{{$index_target}}" class="new_activity qualitative_orange_button yellow @if($disable) cursor_default @endif" data-input="{{$index_target}}_{{$index_activity}}">--}}
{{--                            New Action--}}
{{--                        </a>--}}
                    </div>

                <div class="bottom-buttons">

                    <a style="margin: 3px 0 10px 0;" class="new_target qualitative_orange_button yellow @if($disable) cursor_default @endif" data-input="{{$index_target}}">
                        New Target
                    </a>

                    <button id="submit_btn" class="qualitative_green_button" type="submit"  @if($disable) disabled @endif>@lang('button.save')</button>

                </div>

                @endif

                <div class="fade in" id="error_activity"></div>

            </form>
        </div>
    </section>

@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <div class="modal fade in" id="delete_confirm" tabindex="-1" role="dialog"
         aria-labelledby="user_delete_confirm_title" aria-hidden="false" style="display: none; padding-right: 17px;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="user_delete_confirm_title">@lang('delete_modal/modal.title')</h4>
                </div>
                <div class="modal-body">
                    @lang('delete_modal/modal.body')
                </div>
                <div class="modal-footer">
                    <button type="button" id="delete_decline_qualitative" class="btn btn-default" data-dismiss="modal">
                        @lang('delete_modal/modal.cancel')
                    </button>
                    <a data-dismiss="modal" id="delete_confirm_qualitative" class="btn btn-danger">@lang('delete_modal/modal.confirm')</a>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade in" id="link_confirm" tabindex="-1" role="dialog"
         aria-labelledby="user_delete_confirm_title" aria-hidden="false" style="display: none; padding-right: 17px;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="user_delete_confirm_title">@lang('CDP/link_confirm_modal.title')</h4>
                </div>
                <div class="modal-body">
                    @lang('CDP/link_confirm_modal.body')
                </div>
                <div class="modal-footer">
                    <button type="button" id="link_decline_qualitative" class="btn btn-default" data-dismiss="modal">
                        @lang('CDP/link_confirm_modal.cancel')
                    </button>
                    <a type="button" id="link_confirm_qualitative" class="btn btn-danger" href="{{route('admin.cdp.opportunities',$cdp_id)}}">@lang('CDP/link_confirm_modal.confirm')</a>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade in" id="status_change" tabindex="-1" role="dialog"
         aria-labelledby="user_delete_confirm_title" aria-hidden="false" style="display: none; padding-right: 17px;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="user_delete_confirm_title">@lang('CDP/status_change_modal.qualitative_targets.title')</h4>
                </div>
                <div class="modal-body">
                    @lang('CDP/status_change_modal.qualitative_targets.body')
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        @lang('CDP/status_change_modal.qualitative_targets.cancel')
                    </button>
                    <a data-dismiss="modal" id="link_confirm_status" class="btn btn-danger">@lang('CDP/status_change_modal.qualitative_targets.confirm')</a>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade in" id="new_target" tabindex="-1" role="dialog"
         aria-labelledby="user_delete_confirm_title" aria-hidden="false" style="display: none; padding-right: 17px;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="user_delete_confirm_title">@lang('CDP/status_change_modal.qualitative_targets.title')</h4>
                </div>
                <div class="modal-body">
                    @lang('CDP/status_change_modal.qualitative_targets.body')
                </div>
                <div class="modal-footer">
                    <button type="button" id="decline_new_target" class="btn btn-default" data-dismiss="modal">
                        @lang('CDP/status_change_modal.qualitative_targets.cancel')
                    </button>
                    <a data-dismiss="modal" id="confirm_new_target" class="btn btn-danger">@lang('CDP/status_change_modal.qualitative_targets.confirm')</a>
                </div>
            </div>
        </div>
    </div>

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

    <script>
        var route_new_activity = "{{route('admin.cdp.ajax.new_activity', $cdp_id)}}";
        var route_new_target = "{{route('admin.cdp.ajax.new_target',$cdp_id)}}";
        var route_deleteTarget = "{{route('admin.cdp.ajax.deleteTarget')}}";
        var route_deleteActivity = "{{route('admin.cdp.ajax.deleteActivity')}}";
        var route_search_responsibles = "{{route('admin.selectfilter.findQualitativeTargetsResposible')}}";
        var user_name = '{{$logged_username}}';
        var disable='{{$disable}}';
        var CLOSED="{{\App\Models\CRM_Action_Status::DONE}}";
        var OBSOLETE="{{\App\Models\CRM_Action_Status::ON_HOLD}}";
        var cdp_id="{{$cdp_obj->ID}}";
        var userid="{{\Cartalyst\Sentinel\Laravel\Facades\Sentinel::getUser()->id}}"

        var qualitativeTargetsMsg = "{{json_encode(__('js/qualitativeTargets'))}}"
    </script>

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

    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/qualitative_targets.js') }}"></script>
    <script language="javascript" type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.0/dist/jquery.validate.min.js"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/vendors/select2/js/select2.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