@extends('admin.layouts.default')

@section('title')
    @lang('CDP/cdp_opportunities.page_title')
    @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="content-header">
        @include('admin.layouts.CDP.cdp_menu')
    </section>

    <section class="cdp-overflow-height">
        <section class="content">
            <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 id="form" class="form-horizontal pareto-menu new-action-form" method="post"
                                  action="{{ route('admin.cdp.saveNewCsAction', $cdp_obj->ID) }}" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                <input type="hidden" name="cdp_id" value="{{$cdp_obj->ID}}">
                                <input type="hidden" name="route_back" value="{{route('admin.cdp.cs_actions', $cdp_obj->ID)}}">

                                <div style="width: 50%; display: block; margin: 0 auto;">
                                    <div id="action-info" class="input-block active-first-tier">
                                        <div class="form-group">
                                            <div class="title-labels">
                                                <label class="col-md-3 control-label"
                                                       style="background-color: #1a1e54; color: #fff;">Action Info</label>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label" for="country">Country*</label>
                                            <input id="country" name="country"  value="{{$country}}" class="form-control" required readonly>
                                        </div>

                                        <div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">Customer (SoldTo)*</label>
                                                <select id="sold_to" name="sold_to" class="form-control" required readonly>
                                                    <option value="{{$customer_ID}}" selected>{{$customer_name}}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div>
                                            <div class="form-group">
                                                <label class="col-md-3 control-label">Action Type *</label>
                                                <select id="action_type" name="action_type" class="form-control"
                                                        required>
                                                    <option></option>
                                                    @foreach($action_types as $type)
                                                        <option value="{{$type['KBF_ID']}}"
                                                                @if($action_type_selected == $type['KBF_ID']) selected @endif>{{$type['Importance']}}</option>

                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="load-wrapp">
                                            <div class="load-9">
                                                <div class="spinner">
                                                    <div class="bubble-1"></div>
                                                    <div class="bubble-2"></div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="action-group">
                                            <div id="action-details">
                                                <div class="form-group">
                                                    <label class="col-md-3 control-label" for="status">Status*</label>
                                                    <select id="status" name="status" class="form-control" required>
                                                        <option></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 class="horizontal-inputs">
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label" for="task">Action Name*</label>
                                                        <input id="task" name="task" type="text" class="form-control" required
                                                               maxlength="50">
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label" for="employee">Responsible*</label>
                                                        <select id="employee" name="employee" class="form-control" required>
                                                            <option></option>
                                                            <option value="otherEmail">Other: enter email</option>
                                                            @foreach ($employees as $employee)
                                                                <option value="{{ $employee->ID }}">{{ $employee->Employee_Name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="form-group" id="responsable_email" style="display: none">
                                                        <label class="col-md-3 control-label">Responsible Email</label>
                                                        <input id="responsibleEmail" name="responsibleEmail" type="text" novalidate
                                                               class="form-control" maxlength="50">
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label" for="task_due_date">Due Date*</label>
                                                        <input id="task_due_date" name="task_due_date" type="text"
                                                               placeholder="YYYY-MM-DD" class="form-control custom-datepicker"
                                                               required>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="action-comments" class="input-block active-first-tier">
                                                <div class="form-group">
                                                    <div class="title-labels">
                                                        <label class="col-md-3 control-label"
                                                               style="background-color: #1a1e54; color: #fff;">Action
                                                            Details</label>
                                                    </div>
                                                </div>
                                                <div class="form-group details-text">
                                                    <textarea name="comment" id="comment" cols="65" rows="5"></textarea>
                                                </div>
                                            </div>

                                            <div id="action-attachments" class="input-block active-first-tier">
                                                <div class="form-group">
                                                    <div class="file-select-action">
                                                        <div class="title-labels">
                                                            <label for="attachments" class="col-md-3 control-label">Add
                                                                attachments</label>
                                                        </div>
                                                        <input type="file" name="attachments[]" id="attachments"
                                                               class="form-control" multiple>
                                                    </div>
                                                </div>

                                                <div class="form-position">
                                                    <button type="submit" id="next" class="btn btn-responsive btn-primary btn-sm"
                                                            style="float: right; margin-top: 10px;">Save and Send
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </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 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>
{{--    <script type="text/javascript" src="{{ asset('assets/js/pages/cdp_cs_actions.js') }}"></script>--}}

@stop