@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 class="content-header">
        <div class="overlay_denied_menu"></div>
        @include('admin.layouts.CDP.cdp_menu')

    </section>
    <!-- Main content -->
    <section>
        <div class="row">
            <div><h3>{{$menu_info[0]['Sold_To_ID'] }} | {{$menu_info[0]['Sold_To_Name'] }} </h3></div>
            <div class="col-md-12">
                <div class="panel panel-primary" id="hidepanel1">
                    <div class="panel-body">
                        <form class="form-horizontal pareto-menu edit_action new-action-form" method="POST"
                              name="action_form"
                              action="{{ route('admin.cdp.action.update', $action->ID) }}"
                              enctype="multipart/form-data">
                            {{ csrf_field() }}
                            {{ method_field('PUT') }}
                            <input type="hidden" name="route_back" id="route_back"
                                   value="{{route('admin.cdp.add_qualitative_targets', $cdp_id) }}"/>
                            @include('admin.cdp_edit_action_form')
                        </form>
                    </div>
                </div>
            </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 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\Status::CLOSED}}";
        var OBSOLETE = "{{\App\Models\Status::OBSOLETE}}";
        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 language="javascript" type="text/javascript"
            src="{{ asset('assets/js/pages/crm/actions_edit.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