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

    </section>
    <!-- Main content -->


    <section>
        {{--        <div class="header_table_cdp_click"><p>Actions</p></div>--}}
        <form action="{{route('admin.cdp.addActionToTarget')}}">
            {{ csrf_field() }}
            <input type="hidden" id="data_target" name="data_target" value="{{$target}}">
            <input type="hidden" id="cdp_id" name="cdp_id" value="{{$cdp_id}}">
            <input type="hidden" id="target_id" name="target_id" value="{{$target_id}}">
            <input type="hidden" name="route_back" id="route_back"
                   value="{{route('admin.cdp.add_qualitative_targets', $cdp_id) }}"/>
            <table class="table table-striped table-bordered " id="actions_list"
                   style="width: 100%; table-layout: auto; ">
                <thead>
                <tr>
                    <th>Actions</th>
                    <th>Action ID</th>
                    <th>Status</th>
                    <th>Action Name</th>
                    <th>Customer Sold To</th>
                    <th>Country</th>
                    <th>Market Segment</th>
                    <th>Responsible</th>
                    <th>Due Date</th>
                    <th>Entry Date</th>
                    <th>User</th>
                </tr>
                </thead>
            </table>
            <button id="choose_and_go_back" style="margin-left: 20px; margin-bottom: 20px;" class="btn orange"
                    type="submit">Choose and go back
            </button>
            <button style="margin-left: 20px; margin-bottom: 20px;" class=" btn orange"><a style="text-decoration: none; color: black;"
                        href="{{route('admin.cdp.add_qualitative_targets', $cdp_id)}}">Go back</a></button>
        </form>
    </section>
    <div class="modal fade" id="delete_confirm" tabindex="-1" role="dialog"
         aria-labelledby="action_delete_confirm_title" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>

    <div class="modal fade" id="show_info" tabindex="-1" role="dialog" aria-labelledby="action_show_info_title"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>
@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 route_list_actions_data = "{{ route('admin.cdp.actions.data') }}";
        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>
    <script language="javascript" type="text/javascript"
            src="{{ asset('assets/js/pages/cdp_action_list.js') }}"></script>
@stop