@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>PM Plan</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0">

                <div class="row">
                	
                    <div class="col-12">
                        <form action="{{ route('search') }}" method="GET">
                
                            <div class="form-group" style="margin-bottom:0;">
                            
                                @include('search.form')
                                
                                <br clear="all" />
                                
                                <div class="row">
                                    <div class="col-md-12">
                                    	@if (canTask('can_assign'))
	                                    	                                        @endif
                                        <span id="edits" title="changes made - reload page to see them" class="btn btn-sm btn-danger float-right ml-1 edits d-none" style="cursor: help;">18</span>
                                    </div>
                                </div>
        
                            </div>
                            
                        </form>
                    </div>
                    
                                        
                </div>

                <hr />
                <div class="row">
                    <div class="col-sm">
                        <div class="table-wrap" <!--style="overflow:auto;"-->

                            <div class="mb-4">

                                {!! $onboardings->appends(request()->input())->links() !!}

                            </div>

                            <table class="table tablesaw table-bordered table-hover mb-0 pmplan_holder" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                <thead>
                                    <tr>
                                        <th class="tablesaw-sortable-head tablesaw-sortable-{{ $by === 'id' ? $order : '' }}ending" scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="persist" >
                                            <abbr title="Internal Vendor Number">
                                                <a class="tablesaw-sortable-btn" href="{{ request()->fullUrlWithQuery(['by' => 'id', 'order' => $order === 'desc' ? 'asc' : 'desc']) }}">
                                                    No.
                                                    <span class="tablesaw-sortable-arrow"></span>
                                                </a>
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head tablesaw-sortable-{{ $by === 'pm_incharge' ? $order : '' }}ending" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="PM in charge">
                                                <a class="tablesaw-sortable-btn" href="{{ request()->fullUrlWithQuery(['by' => 'pm_incharge', 'order' => $order === 'desc' ? 'asc' : 'desc']) }}">
                                                    PM in charge
                                                    <span class="tablesaw-sortable-arrow"></span>
                                                </a>
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head tablesaw-sortable-{{ $by === 'phase_funnel' ? $order : '' }}ending" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="Phase (Funnel)">
                                                <a class="tablesaw-sortable-btn" href="{{ request()->fullUrlWithQuery(['by' => 'phase_funnel', 'order' => $order === 'desc' ? 'asc' : 'desc']) }}">
                                                    Phase (Funnel)
                                                    <span class="tablesaw-sortable-arrow"></span>
                                                </a>
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head tablesaw-sortable-{{ $by === 'phase_mpe' ? $order : '' }}ending mw-c-p" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">
                                            <abbr title="Phase (MPE)">
                                                <a class="tablesaw-sortable-btn" href="{{ request()->fullUrlWithQuery(['by' => 'phase_mpe', 'order' => $order === 'desc' ? 'asc' : 'desc']) }}">
                                                    Phase (MPE)
                                                    <span class="tablesaw-sortable-arrow"></span>
                                                </a>
                                            </abbr>
                                        </th>
                                        <th class="tablesaw-sortable-head tablesaw-sortable-{{ $by === 'pm_comment' ? $order : '' }}ending mw-c-p" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">
                                            <abbr title="Comment">
                                                <a class="tablesaw-sortable-btn" href="{{ request()->fullUrlWithQuery(['by' => 'pm_comment', 'order' => $order === 'desc' ? 'asc' : 'desc']) }}">
                                                    Comment
                                                    <span class="tablesaw-sortable-arrow"></span>
                                                </a>
                                            </abbr>
                                        </th>
                                        <th>&nbsp;</th>
                                        <th class="d-block d-sm-none bg-light">&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($onboardings as $onboarding)
                                        <tr id="{!! $onboarding->id !!}" class="pmplan_hold_{!! $onboarding->id !!}">
                                            <td class="click-copy"
                                            id="({{ $onboarding->internal_id }})-{{ $onboarding->vendor_id }}-{{ $onboarding->company_title }}-{{ $onboarding->primary_contact_name }}"
                                            >{{ $onboarding->internal_id }}</td>
                                            <td class="">
                                            	<select class="form-control custom-select pm_incharge_select_{!! $onboarding->id !!}" name="pm_incharge" onchange="PMChargeUpdate({!! $onboarding->id !!});">

                                                    <option value="0"></option>

                                                    @foreach( $users as $user )

                                                    	<option value="{{ $user->id }}" class="bg-{{ $user->colour }}"
                                                        @if($onboarding->pm_incharge == $user->id){{ ' selected="selected" ' }}@endif
                                                        >{{ $user->name }}</option>

                                                    @endforeach
                                                </select>
                                            </td>
                                            <td class="bdrop">{!! $onboarding->dropdownBadgePhase('phase_funnel') !!}</td>
                                            <td class="bdrop">{!! $onboarding->dropdownBadgePhase('phase_mpe') !!}</td>
                                            <td class="">
                                            	<textarea class="form-control" rows="3" placeholder="Comment" name="pm_comment" style="font-size:13px;">{{ $onboarding->pm_comment }}</textarea>
                                                <a href="javascript: void(0);" onclick="PmCommentUpdate({!! $onboarding->id !!});" class="btn btn-xs btn-primary pull-right mt-1">save</a>
                                            </td>
                                            <td><a href="javascript: void(0);" onclick="PmPlanRemove({!! $onboarding->id !!});" class="btn btn-xs btn-light">remove</a></td>
                                            <td class="d-block d-sm-none bg-light">&nbsp;</td>
                                        </tr>
                                    @empty
                                        <p>No entries</p>
                                    @endforelse
                                </tbody>
                            </table>

                            <div class="mt-4">

                                {!! $onboardings->appends(request()->input())->links() !!}

                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<!-- /Container -->

@endsection

@section('more_scripts')

    @include('pmplan.table-js');

@endsection