@extends('admin.layouts.default')

{{-- Page title --}}
@section('title')
     CDP Customer Mirror
@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/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>
    <script>
        $(document).ready(function () {
            $('.corner-cut:nth-child(7)').addClass("active");
            $('.corner-cut-withoutMenu:nth-child(7)').addClass("active");
        });window.onload = function() {
            setTimeout(function(){$('#overlay').fadeOut()} , 500);
        }
        var $index_customer_contact=1;
    </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="">
        @include('admin.layouts.CDP.cdp_menu')
    </section>

    <!-- Main content -->
    <section class="content paddingleft_right15 ">
        <div><h3>{{$menu_info[0]['Sold_To_ID'] }} | {{$menu_info[0]['Sold_To_Name'] }} </h3></div>
        <div class="export_cdp_header" >
            <a id="button-mdd" title="@lang('button.export')"
               href="{{route('admin.cdp.export_customer_mirror', $cdp_id)}}">
                <button class="cdp_export">Export</button>

            </a>
        </div>
        <div class="content-header radius-border">
        <h3>Customer Mirror</h3>
        </div>
        <form class="dynamic-submit" method="post" action="{{route('admin.cdp.save_customer_mirror',$cdp_id)}}" style="margin-bottom: 20px;">
            <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="index" id="index" value="0"/>
            <input type="hidden" name="route_back" id="route_back"
                   value="{{route('admin.cdp.customer_mirror', $cdp_id) }}"/>
            <table class="table table-striped table-bordered dataTable no-footer customer-mirror-table">
                <tr>
                    <th COLSPAN="13">CUSTOMER CONTACTS</th>
                    <th COLSPAN="2">CPM MIRROR</th>
                </tr>
                <tr>
                    <th>Action</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Job Title</th>
                    <th>Role</th>
                    <th>DiSC</th>
                    <th>Attitude to CPM</th>
                    <th>Personal Key Buying Factor</th>
                    <th>Org. Power</th>
                    <th>Seniority</th>
                    <th>Previous CSS</th>
                    <th>Latest CSS</th>
                    <th>Comments</th>
                    <th>Name</th>
                    <th>Contact Regularity</th>
                </tr>
                @foreach($customers as $key=>$customer)
                    <tr class="tr_mirror_{{$key}}">
                        <td>
                            <input class="form-control" type="hidden"  name="id_{{$key}}" value="{{ $customer->ID }}">
                            <a class="edit_button_hover" href="{{route('admin.confirm_delete_customer_mirror', $customer->ID)}}"  data-toggle="modal" data-target="#delete_confirm" id="addButton">
                            <img  src="{{asset('assets/img/trash.png')}}"  alt="Delete" width="25px">
                                <span>
                                    Delete
                                </span>
                            </a>
                            <a href="{{route( 'admin.cdp.customer_mirror_edit_contact', [$cdp_obj->ID, $customer->ID ])}}" type="button" class="edit_button_hover" id="addButton"><img  src="../assets/img/folder.png" alt="Edit" width="30px" height="30px"><span>Edit</span></a>
                        </td>
                        <td style="min-width:100px;">
                            <input class="form-control" type="text"  name="first_name_{{$key}}" value="{{ $customer->First_Name }}" readonly>
                        </td>
                        <td style="min-width:120px;">
                            <input class="form-control" type="text"  name="last_name_{{$key}}" value="{{ $customer->Last_Name }}" readonly>
                        </td>
                        <td style="min-width:100px;">
                            <input class="form-control" type="text"  name="job_title_{{$key}}" value="{{ $customer->Job_Title }}" readonly>
                        </td>
                        <td>
{{--                            <input class="form-control" type="text"  name="role_{{$key}}" value="{{ $customer->Role }}">--}}
                            <select class="form-control selectpicker" name="role_{{$key}}" required>
                                <option value=""></option>
                                @foreach($roles as $entry)
                                    <option   @if($customer->Role==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
{{--                            <input class="form-control" type="text"  name="DiSC_{{$key}}" value="{{ $customer->DiSC }}">--}}
                            <select class="form-control selectpicker" name="DiSC_{{$key}}" required>
                                <option value=""></option>
                                @foreach($discs as $entry)
                                    <option   @if($customer->DiSC==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <select class="form-control selectpicker" name="attidude_{{$key}}" required>
                                <option value=""></option>
                                @foreach($attitude as $entry)
                                    <option   @if($customer->Attitude_Coveris_ID==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input class="form-control" type="text"  name="kbf_{{$key}}" value="{{ $customer->KBF }}" required>
                        </td>
                        <td>
                            <select class="form-control selectpicker" name="org_power_{{$key}}" required>
                                <option value=""></option>
                                @foreach($org_power as $entry)
                                    <option @if($customer->Org_Power_ID==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <select class="form-control selectpicker" name="seniority_{{$key}}" required>
                                <option value=""></option>
                                @foreach($seniority as $entry)
                                    <option @if($customer->Seniority==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input style="width: 70px;" class="form-control" type="text"  name="previous_css_{{$key}}" value="{{ $customer->Previous_css_rating }}" readonly>
                        </td>
                        <td>
                            <input style="width: 70px;" class="form-control" type="text"  name="latest_css_{{$key}}" value="{{ $customer->Latest_css_rating }}" readonly>
                        </td>
                        <td>
                            <input class="form-control" type="text"  name="comments_{{$key}}" value="{{ $customer->Latest_css_comments }}" readonly>
                        </td>
                        <td>
                            <input type="hidden" name="coveris_mirror_{{$key}}" value="{{$customer->getCoverisMirror['ID']}}">
                            <select class="form-control selectpicker" name="employee_{{$key}}">
                                <option value=""></option>
                                @foreach($employees as $entry)
                                    <option @if($customer->getCoverisMirror['Employees_ID']==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Employee_Name']}}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
{{--                            <input class="form-control" type="text"  name="contact_regularity_{{$key}}" value="{{$customer->getCoverisMirror['Regularity']}}">--}}
                            <select class="form-control selectpicker" name="contact_regularity_{{$key}}">
                                <option value=""></option>
                                @foreach($regularity as $entry)
                                    <option @if($customer->getCoverisMirror['Regularity']==$entry['ID']) selected @endif value="{{$entry['ID']}}">{{$entry['Description']}}</option>
                                @endforeach
                            </select>
                        </td>
                    </tr>
                @endforeach
            </table>

            <a href="{{route('admin.cdp.customer_mirror_create_contact', $cdp_obj->ID)}}"  type="button" class="btn btn-primary" id="new_customer_mirror" >
                Add New Contact
            </a>
            <a href="">
                <button  class="btn  green"  type="submit" id="submit-customer-mirror" style="width: 120px; color: #fff;margin-left: 10px;">Save
                </button>
            </a>
        </form>

    </section>
    <div class="modal fade" id="delete_confirm" role="dialog" aria-labelledby="user_delete_confirm_title"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content"></div>
        </div>
    </div>


@stop
{{-- page level scripts --}}
@section('footer_scripts')

    <script>

        var cdp_id="{{$cdp_obj->ID}}";
        var userid="{{\Cartalyst\Sentinel\Laravel\Facades\Sentinel::getUser()->id}}"
        var route_new_customer_mirror = "{{route('admin.cdp.ajax.new_customer_mirror', $cdp_id)}}";


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