@extends('admin.layouts.default')

@section('title')
    CDP CS Actions
    @parent
@stop

@section('header_styles')
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/vendors/datatables/css/dataTables.bootstrap.css') }}"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css"
          rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/vendors/select2/css/select2.min.css') }}" rel="stylesheet"/>

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

        });
        window.onload = function () {
            setTimeout(function () {
                $('#overlay').fadeOut()
            }, 500);
        }
    </script>

@stop

@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>

    <section class="cdp-overflow-height">
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div><h3>{{$menu_info[0]['Sold_To_ID'] }} | {{$menu_info[0]['Sold_To_Name'] }} </h3></div>
                    <div class="panel-body table-responsive cdp_table_with_header table_with_archive">
                        <div id="opportunity_list_filters" style="display: block; justify-content: flex-start;">
                            <input type="hidden" name="cdp_id" id="cdp_id" value="{{$cdp_obj->ID}}">

                            <div id="action-status" class="form-group"
                                 style="display: inline-block;float: left;margin-right: 20px;">
                                <label class="filter_label" for="status">Status</label>
                                <select id="status" class="input-sm" name="status">
                                    <option value=""></option>
                                    @foreach ($statuses as $status)
                                        <option value="{{ $status->ID }}"
                                                @if($status->ID == \App\Models\ CRM_Action_Status::IN_PROGRESS) selected @endif>
                                            {{ $status->Status }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div id="action-due-date" class="form-group"
                                 style="display: block;float: none;margin-right: 20px; clear: both">
                                <div id="action-due-date-filter">
                                    <label class="filter_label" style="width: 100%;max-width: max-content;">Due
                                        Date</label>
                                    <input placeholder="To: " type="text" id="due_date_to">
                                    <input placeholder="From:" type="text" id="due_date_from">
                                </div>
                            </div>

                            <div id="action-type" class="form-group"
                                 style="display: block;float: none;margin-right: 20px; clear: both">
                                <div id="action-type-filter">
                                    <label class="filter_label" style="width: 100%;max-width: max-content;">Action
                                        Type</label>
                                    <select id="action-type-select" class="input-sm" name="action-type-select">
                                        <option value="allTypes"></option>
                                        @foreach($activity_types as $type)
                                                <option value="{{$type['KBF_ID']}}">{{$type['Importance']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

{{--                        <div class="header_table_cdp_click"><p>Actions</p></div>--}}
                        <table class="table table-striped table-bordered" id="cs_actions_list"
                               style="width: auto;table-layout: auto; overflow: scroll;">
                            <thead>
                            <tr>
                                <th>Actions</th>
                                <th>Action ID</th>
                                <th>Status</th>
                                <th>Action Name</th>
                                <th>Action Type</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>
                    </div>
                </div>
            </div>
            <div style="    margin-bottom: 10px; margin-left: 40px;">
                <a href="{{route('admin.cdp.addNewCsAction', $cdp_obj->ID)}}"><button class="btn btn-primary">Add New Action</button></a>
            </div>

{{--
{{--        </section>--}}
    </section>
    </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>

        var token = '{{ csrf_token() }}';
        var route_current_date = "{{ route('admin.current_date') }}";
        var cdp_id = "{{$cdp_obj->ID}}";
        var userid = "{{\Cartalyst\Sentinel\Laravel\Facades\Sentinel::getUser()->id}}"
        var route_list_actions_data = "{{ route('admin.cdp.cs_actions.data') }}";
    </script>

    <script type="text/javascript" src="{{ asset('assets/js/pages/cdp_overview.js') }}"></script>
    <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 type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
{{--    <script type="text/javascript" src="{{ asset('assets/js/pages/cdp_opportunities.js') }}"></script>--}}
    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/pareto.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/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 type="text/javascript" src="{{ asset('assets/js/pages/cdp_cs_actions.js') }}"></script>

@stop