@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>Onboarding</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">


                <div class="row">
                
                    @section('preferences')
                    
                    	
                    <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'))
                                        	<a href="{{ route('onboarding.new') }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                        @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>

                                        
                    @show
                    
                </div>

                <hr />

                <div class="row">
                    <div class="col-xl-6">

                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">

                            <form action="{{ route('onboarding.update', $onboarding->id) }}" method="post">
                                @csrf

                                <div class="invoice-from-wrap">

                                    <div class="col-12 text-right">
                                        Last edited {{ SetTimeZoneFormat($onboarding->updated_at, 'time_ago_short') }} ({{ SetTimeZoneFormat($onboarding->updated_at, 'day_date_time') }}) by <span class="badge badge-{{ $onboarding->user->colour }} badge-indicator mr-1"></span>  {{ $onboarding->user->name }}
                                    </div>


                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="internal_id" class="col-sm-4 col-form-label">
                                            <h6 class="mb-5 click-copy"
                                            id="({{ $onboarding->internal_id }})-{{ $onboarding->vendor_id }}-{{ $onboarding->company_title }}-{{ $onboarding->primary_contact_name }}">Internal Vendor Number</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="internal_id" placeholder="Internal Vendor Number" name="internal_id"
                                            value="{{ old('internal_id', $onboarding->internal_id ?? '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="vendor_id" class="col-sm-4 col-form-label"><h6 class="mb-5">Vendor ID</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="vendor_id" placeholder="Vendor ID" name="vendor_id"
                                            value="{{ old('vendor_id', $onboarding->vendor_id ?? '') }}">
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="product_name" class="col-sm-4 col-form-label"><h6 class="mb-5">Product Name</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="product_name" placeholder="Product Name" name="product_name"
                                            value="{{ old('product_name', $onboarding->product_name ?? '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="company_title" class="col-sm-4 col-form-label"><h6 class="mb-5">Company Title</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="company_title" placeholder="Company Title" name="company_title"
                                            value="{{ old('company_title', $onboarding->company_title ?? '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="primary_contact_name" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact Name</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="primary_contact_name" placeholder="Primary Contact Name" name="primary_contact_name"
                                            value="{{ old('primary_contact_name', $onboarding->primary_contact_name ?? '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="primary_contact_email" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact Email</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="primary_contact_email" placeholder="Primary Contact Email" name="primary_contact_email"
                                            value="{{ old('primary_contact_email', $onboarding->primary_contact_email ?? '') }}">
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="folder_url" class="col-sm-4 col-form-label"><h6 class="mb-5">Google drive folder</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="Google drive folder" aria-label="Google drive folder" aria-describedby="basic-addon2" id="folder_url" name="folder_url"
                                                value="{{ old('folder_url', $onboarding->folder_url ?? '') }}">
                                                <div class="input-group-append">
                                                    <button class="btn btn-outline-light" type="button" onclick="window.open($('#folder_url').val());"><i class="icon-link"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="folder_url" class="col-sm-4 col-form-label"><h6 class="mb-5">Form file</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="Form file url" aria-label="Form file url" aria-describedby="basic-addon2" id="form_url" name="form_url"
                                                value="{{ old('form_url', $onboarding->form_url ?? '') }}">
                                                <div class="input-group-append">
                                                    <button class="btn btn-outline-light" type="button" onclick="window.open($('#form_url').val());"><i class="icon-link"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="form-group row">
                                        <label for="platform" class="col-sm-4 col-form-label"><h6 class="mb-5">Platform</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <select class="form-control" name="platform" >
                                                    <option value="Digistore24" {{ ( 'Digistore24' == ( $onboarding->platform ?? '' ) ) ? 'selected' : '' }}>Digistore24</option>
                                                    <option value="Svencart" {{ ( 'Svencart' == ( $onboarding->platform ?? '' ) ) ? 'selected' : '' }}>Svencart</option>
                                                    <option value="Digistore24De" {{ ( 'Digistore24De' == ( $onboarding->platform ?? '' ) ) ? 'selected' : '' }}>Digistore24 DE</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="row">
                                        <div class="col-6">
                                            <div class="form-group row">
                                                <label for="internal_id" class="col-4 col-form-label">
                                                    <h6 class="mb-5 click-copy">Introduced by</h6></label>
                                                <div class="col-8">
                                                    <div class="input-group" id="introduced-by-select">
                                                        <select class="form-control custom-select" id="introduced_by" name="introduced_by">

                                                            <option></option>

                                                            @foreach( $users as $user )

                                                                
                                                            <option value="{{ $user->id }}" {{ (old('introduced_by', $onboarding->users->where('pivot.role', 'introduced_by')->first()->id ?? '') == $user->id ) ? 'selected' : '' }}>{{ $user->name }}</option>

                                                                
                                                            @endforeach

                                                            <option value="introduced-by-other" @if($onboarding->introduced) selected @endif><strong>----- other: -----</strong></option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group row">
                                                <div class="col-12">
                                                    <div class="input-group">
                                                        <input type="text"
                                                               class="form-control"
                                                               name="introduced"
                                                               id="custom_introduced_by"
                                                               value="@if($onboarding->introduced) {{ $onboarding->introduced }} @endif"
                                                               placeholder="name"
                                                               @if($onboarding->introduced == '') disabled @endif>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group row">
                                                <label for="internal_id" class="col-4 col-form-label">
                                                    <h6 class="mb-5 click-copy">Start date</h6></label>
                                                <div class="col-8">
                                                    <div class="input-group date">
                                                    	<input type="text" name="date_from" class="form-control date_from" value="" autocomplete="off" readonly="readonly" />
                                                        <input type="hidden" name="date_from_alt" value="">
                                                        <script type="text/javascript">
                                                            var date_from_global = '{{ $onboarding->start_date }}';
                                                        </script>
                                                        <div class="input-group-append">
                                                            <div class="input-group-text">
                                                                <a href="javascript: void(0);" class=" glyphicon glyphicon-remove" onclick="ClearDaterangepickerSingle('date_from')"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6">
                                            <div class="form-group row">
                                                <label for="sandbox-container" class="col-4 col-form-label">
                                                    <h6 class="mb-5 click-copy">End date</h6></label>
                                                <div class="col-8">
                                                    <div class="input-group date">
                                                    	<input type="text" name="date_to" class="form-control date_to" value="" autocomplete="off" readonly="readonly" />
                                                        <input type="hidden" name="date_to_alt" value="">
                                                        <script type="text/javascript">
                                                            var date_to_global = '{{ $onboarding->end_date }}';
                                                        </script>
                                                        <div class="input-group-append">
                                                            <div class="input-group-text">
                                                                <a href="javascript: void(0);" class=" glyphicon glyphicon-remove" onclick="ClearDaterangepickerSingle('date_to')"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="form-group row">
                                                <label for="stuck_reason" class="col-2 col-form-label">
                                                    <h6 class="mb-5 click-copy">Stuck because:</h6></label>
                                                <div class="col-10">
                                                    <div class="input-group" id="stuck_reason">
                                                        <input type="text"
                                                               class="form-control"
                                                               name="stuck_reason"
                                                               value="{{ old('stuck_reason', $onboarding->stuck_reason ?? '') }}">
                                                        {{-- <div class="input-group-append">
                                                            <span class="glyphicon glyphicon-th"></span>
                                                        </div> --}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="col-12 text-right">

                                        <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('onboarding') }}">Cancel / Back</a>
                                        @if ($can_edit == 1)
	                                        <button class="btn btn-sm btn-primary w-150p" type="submit">Save</button>
                                        @endif

                                    </div>

                                </div>

                            </form>

                        </section>

                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
							
                            <div class="row mb-5">
                                <div class="col-6">
                                    <h6>More Contacts</h6>
                                </div>
                                @if ($can_edit == 1)
                                    <div class="col-6 text-right">
                                        <button class="btn btn-light" data-toggle="modal" data-target="#contactNewModal">+</button>
                                    </div>
                                @endif
                            </div>

                            <hr class="mt-0">

                            @forelse ( $contacts as $contact )

                                <div class="invoice-to-wrap pb-20">
                                    <div class="row contact-id-{{ $contact->id }}">
                                        <div class="col-md-7 mb-30">
                                            <h6 class="mb-5">{{ $contact->name }}</h6>
											
                                            @if ($can_edit == 1)
                                            	<button class="btn btn-sm btn-light mt-3 contact-edit" id="{{ $contact->id }}" data-toggle="modal" data-target="#contactModal">edit</button>
                                            @endif

                                        </div>
                                        <div class="col-md-5 mb-30">
                                            <address>
                                                <span class="d-block email">email: {{ $contact->email }}</span>
                                                <span class="d-block skype">skype: {{ $contact->skype }}</span>
                                                <span class="d-block note">{{ $contact->note }}</span>
                                            </address>
                                        </div>
                                    </div>
                                </div>

                                <hr class="mt-0">

                            @empty

                                <p>No entries</p>

                            @endforelse

                        </section>
                        
                        @if ( canTask('can_page_chk') )
                        	<section class="hk-sec-wrapper hk-invoice-wrap pa-35">
                            
                                <div class="row mb-5">
                                    <div class="col-6">
                                        <h6>Pages Checker</h6>
                                    </div>
                                    @if ($can_edit == 1)
                                        <div class="col-6 text-right">
                                            <button class="btn btn-light" data-toggle="modal" data-target="#pageNewModal">+</button>
                                        </div>
                                    @endif
                                </div>
                                
                                <hr class="mt-0">
    							
                                @if (IsTeamLeader() && canTask('can_page_chk'))
                                    <section class="hk-sec-wrapper hk-invoice-wrap pa-15">
                                        <form action="{{ route('page.assigns') }}" method="post">
                                            @csrf
                                            <input type="hidden" name="onboarding" value="{{ $onboarding->id ?? '' }}">
                                    
                                            <div class="form-group row mb-0">
                                    
                                                <label for="user_id_all" class="col-3 col-form-label">
                                                    <h6>Assigned User to All:</h6>
                                                </label>
                                                <div class="col-5">
                                                   <select class="form-control" id="user_id_all" name="user_id_all">
                                                        <option value="0"> - none - </option>
                                                        @foreach ($teamusers as $teamuser )
                                                            <option value="{{ $teamuser['data']['id'] }}">{{ $teamuser['data']['name'] }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-4 text-right">
                                                    <button class="btn btn-sm btn-light" type="submit">Save</button>
                                                </div>
                                            </div>
                                        </form>
                                    </section>
                                @endif
                                
                                
                                @forelse ( $pages as $page )
    
                                    <div class="invoice-to-wrap pb-0">
                                        <div class="row page-id-{{ $page->id }}">
                                            <div class="col-md-12 mb-30">
                                                
                                                <table class="table tablesaw table-bordered table-hover mb-0">
                                                	<thead>
                                                    	<tr>
                                                            <th colspan="2"><h6 class="mb-5"><a href="{{ $page->url }}" target="_blank">{{ $page->url }}</a></h6></th>
                                                    	</tr>
                                                    </thead>
                                                	<tbody>
                                                        <tr>
                                                            <td class="col-6 col-md-4">Interval</td>
                                                            <td class="interval">{{ $page->interval }} day(s)</td>
                                                        </tr>
                                                        @if ($page->status == 0 && $page->date_chk)
                                                            <tr class="next_date">
                                                                <td style="width: 30%">Next Date Check</td>
                                                                <td>{{ \Carbon\Carbon::parse($page->date_chk)->addDays($page->interval)->format('m/d/Y @ G:i:s') }}</td>
                                                            </tr>
                                                        @endif
                                                        @if(file_exists( base_path().'/public/storage/images/printscreen/'.$page->id.'_original.png' ))
                                                            <tr class="printscreen_original">
                                                                <td>Printscreen Original</td>
                                                                <td><a href="{{ url("/storage/images/printscreen/{$page->id}_original.png") }}" target="_blank">view</a></td>
                                                            </tr>
                                                        @endif
                                                        @if(file_exists( base_path().'/public/storage/images/printscreen/'.$page->id.'_current.png' ))
                                                            <tr class="printscreen_current">
                                                                <td>Printscreen Current</td>
                                                                <td><a href="{{ url("/storage/images/printscreen/{$page->id}_current.png") }}" target="_blank">view</a></td>
                                                            </tr>
                                                        @endif
                                                        @if ( canTask('can_page_chk') && $page->status == 1 )
                                                            <tr class="errorcode">
                                                                <td>Error Code</td>
                                                                <td><a href="javascript: void(0);" onclick="PageErrorCodePopup({!! $page->id !!}, 'errorcode');">view</a></td>
                                                            </tr>
                                                        @endif
                                                        <tr>
                                                            <td>Assigned User</td>
                                                            <td class="assigned_user">{{ ( $page->user ) ? $page->user->name : ' - none - ' }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td>Status</td>
                                                            <td class="status"><span class="badge badge-{{ config('defines.page_checker_status.'.$page->status.'.color') }}">{{ config('defines.page_checker_status.'.$page->status.'.title') }}</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                @if ( canTask('can_page_chk') )
                                                	<button class="btn btn-sm btn-light mt-3 page-edit" id="{{ $page->id }}" data-toggle="modal" data-target="#pageModal">edit</button>
                                                @endif
                                                @if ( canTask('can_page_chk') && $page->content )
	                                                <a href="{{ route('page.manualcheck', $page->id) }}" onclick="mouseLoader();" class="btn btn-sm btn-light mt-3 manual_check">Manual Check</a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <hr class="mt-0">
    
                                @empty
    
                                    <p>No entries</p>
    
                                @endforelse
    
                            </section>
                        @endif

                    </div>

                    <div class="col-xl-6">

                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">

                            <table class="table tablesaw table-bordered table-hover mb-0 tablesaw-stack" data-tablesaw-mode="stack" tablesaw-columntoggle data-tablesaw-minimap>
                                <thead>
                                    <tr>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Status"><a><strong>Status</strong></a></abbr>
                                        </th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">&nbsp;</th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Onboarding form sent to vendor">Form sent</abbr>
                                        </th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Pages Cloned">Pages</abbr>
                                        </th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Products Set Up In Digistore24">Products</abbr>
                                        </th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Integrations">Integrations</abbr>
                                        </th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Affiliate Support Page">Aff. Sup. Page</abbr>
                                        </th>
                                        <th scope="col" class="tablesaw-sortable-head" data-tablesaw-sortable-col data-tablesaw-priority="5">
                                            <abbr title="Approval">Approval</abbr>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr id="{!! $onboarding->id !!}">
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('status') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('status', false) !!}
                                            @endif
                                        </td>
                                        <td style="width:40px">&nbsp;</td>
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('access') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('access', false) !!}
                                            @endif
                                        </td>
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('pages') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('pages', false) !!}
                                            @endif
                                        </td>
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('products') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('products', false) !!}
                                            @endif
                                        </td>
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('integrations') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('integrations', false) !!}
                                            @endif
                                        </td>
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('aff_sup_page') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('aff_sup_page', false) !!}
                                            @endif
                                        </td>
                                        <td class="bdrop">
                                            @if ($can_edit == 1)
                                                {!! $onboarding->dropdownBadge('approval') !!}
                                            @else
                                                {!! $onboarding->dropdownBadge('approval', false) !!}
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </section>
     
                        
                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
                        
                            <form action="{{ route('onboarding.update', $onboarding->id) }}" method="post">
                                @csrf
                                <input type="hidden" name="update_chk" value="1">
                        
                                <div class="form-group row mb-0">
                        
                                    <label for="pm_incharge" class="col-4 col-form-label">
                                        <h6>PM in charge:</h6>
                                    </label>
                                    <div class="col-6">
                                       <select class="form-control custom-select" id="pm_incharge" name="pm_incharge">
                                            <option value="0"></option>
                        
                                            @foreach( $users as $user )
                        
                                                <option value="{{ $user->id }}"
                                                @if($onboarding->pm_incharge == $user->id){{ ' selected="selected" ' }}@endif
                                                >{{ $user->name }}</option>
                        
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-2 text-right">
                                    	@if ($can_edit == 1)
                                        	<button class="btn btn-sm btn-danger" type="submit">Save</button>
                                        @endif
                                    </div>
                                </div>
                            </form>
                        </section>
                        
                        
                        @if( $can_assigne == 1 )
                            <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
                                <form action="{{ route('assigns') }}" method="post">
                                    @csrf
                                    <input type="hidden" name="onboarding" value="{{ $onboarding->id ?? '' }}">
                            
                                    <div class="form-group row mb-0">
                            
                                        <label for="assigns" class="col-3 col-form-label">
                                            <h6>Assigned to this onboarding/task:</h6>
                                        </label>
                                        <div class="col-5">
                                           <select class="selectpicker btn-group-sm" id="assigns" name="assigns[]" multiple  title="None">
                                                <option></option>
                            
                                                @foreach( $users as $user )
                            
                                                    @if ( !in_array( $user->id, $onboarding->users->where('pivot.role', 'introduced_by')->pluck('id')->toArray() ) )
                            
                                                        <option value="{{ $user->id }}" {{ ( in_array( $user->id, $onboarding->users->where('pivot.role', 'assigned_to')->pluck('id')->toArray() ) ) ? 'selected' : '' }}>{{ $user->name }}</option>
                            
                                                    @endif
                            
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-4 text-right">
                                            <button class="btn btn-sm btn-danger" type="submit">Save</button>
                                        </div>
                                    </div>
                                </form>
                            </section>
                        @endif


                    <div class="card card-lg">

                        <div class="card-header">
                            <h6 class="float-left mt-2">
                                TASKS
                            </h6>
							@if ($can_edit == 1)
                            	<a class="btn btn-light float-right" data-toggle="modal" data-target="#mtaskModal" data-focus="false">Add New Task</a>
                            @endif
                        </div>

                        <hr class="mt-0" />

                        <div class="card-body">
                            <div class="user-activity">

                                @forelse ( $microtasks as $microtask )

                                    <div class="media">
                                        <div class="media-img-wrap">
                                            {!! $microtask->createdBy->avatar !!}
                                        </div>

                                        <div class="media-body">
                                            <div>

                                                @if( canTask('can_delete') )
                                                    <div class="float-right">
                                                        <a href="" class="delete-microtask mt-0 pt-0" id="{{ $microtask->id }}">
                                                            <h4 class="mt-0"><span class="badge badge-danger">-</span></h4>
                                                        </a>
                                                    </div>
                                                @endif
                                                @if ($can_edit == 1)
                                                    <div class="float-right mr-3 pt-1" id="{{ $microtask->id }}">
                                                        <a class="btn btn-xs btn-light float-right new_mtsk_note" data-toggle="modal" data-target="#noteModal" data-focus="false">Add New Note</a>
                                                    </div>
                                                @endif
                                                <div class="float-right mr-3 pt-1" id="{{ $microtask->id }}">
                                                    <a class="btn btn-xs btn-light" data-toggle="collapse" href="#collapse-{{$microtask->id}}" role="button" aria-expanded="true" aria-controls="collapse-{{$microtask->id}}">
                                                        Hide notes
                                                    </a>
                                                </div>
                                                <div class="float-right mr-3 pt-1" id="{{ $microtask->id }}">
                                                    <div class="bdrop-mtsk">
                                                    	@if ($can_edit == 1)
                                                            {!! $microtask->dropdownBadge() !!}
                                                        @else
                                                            {!! $microtask->dropdownBadge(false) !!}
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="float-right mr-3 pt-1">
                                                    <h5 class="mt-0"><span class="badge badge-light">{{ $microtask->re }}</span></h5>
                                                </div>

                                                <span class="d-block mb-5"><span class="font-weight-500 text-dark text-capitalize">{{ $microtask->createdBy->name }}</span></span>
                                                <span class="d-block font-13 mb-30 mt-20">created: {{ SetTimeZoneFormat($microtask->created_at, 'time_ago') }} ({{ SetTimeZoneFormat($microtask->created_at, 'day_date_time') }})</span>
                                            </div>

                                            <p>{!! preg_replace('/\r\n/', '<br />', preg_replace('/\r\n\r\n/', '</p><p>', $microtask->note  ?? '')) !!}</p>

                                            <div class="collapse show mt-4" id="collapse-{{$microtask->id}}">

                                                <div class="card card-lg">

                                                    <div class="card-body">
                                                        <div class="user-activity">

                                                            @forelse ( $microtask->notes as $note )

                                                                <div class="media">
                                                                    <div class="media-img-wrap">
                                                                        {!! $note->user->avatar !!}
                                                                    </div>

                                                                    <div class="media-body">

                                                                        @if( canTask('can_delete') )
                                                                        <div class="float-right">
                                                                            <a href="" class="delete-mtsknote mt-0 pt-0" id="{{ $note->id }}">
                                                                                <h4 class="mt-0"><span class="badge badge-danger">-</span></h4>
                                                                            </a>
                                                                        </div>
                                                                        @endif
                                                                        <div>
                                                                            <span class="d-block mb-5"><span class="font-weight-500 text-dark text-capitalize">{{ $note->user->name }}</span></span>
                                                                            <span class="d-block font-13 mb-30">{{ SetTimeZoneFormat($note->created_at, 'time_ago') }} ({{ SetTimeZoneFormat($note->created_at, 'day_date_time') }})</span>
                                                                        </div>

                                                                        <p>{!! preg_replace('/\r\n/', '<br />', preg_replace('/\r\n\r\n/', '</p><p>', $note->note  ?? '')) !!}</p>
                                                                    </div>
                                                                </div>

                                                            @empty
                                                                <p>There are no notes yet</p>
                                                            @endforelse

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                @empty

                                    <p>There are no tasks yet</p>

                                @endforelse
                            </div>
                        </div>
                    </div>


                    <div class="card card-lg">

                        <div class="card-header">
                            <h6 class="float-left mt-2">
                                OLD NOTES
                            </h6>

                        </div>

                        <hr class="mt-0" />

                        <div class="card-body">
                            <div class="user-activity">

                                @forelse ( $notes as $note )

                                    <div class="media">
                                        <div class="media-img-wrap">
                                            {!! $note->user->avatar !!}
                                        </div>

                                        <div class="media-body">
                                            <div>
                                                @if( canTask('can_delete') )
                                                <div class="float-right">
                                                    <a href="" class="delete-note" id="{{ $note->id }}">
                                                        <span class="badge badge-light">-</span>
                                                    </a>
                                                </div>
                                                @endif
                                                <span class="d-block mb-5"><span class="font-weight-500 text-dark text-capitalize">{{ $note->user->name }}</span></span>
                                                <span class="d-block font-13 mb-30">{{ SetTimeZoneFormat($note->updated_at, 'time_ago') }} ({{ SetTimeZoneFormat($note->updated_at, 'day_date_time') }})</span>
                                            </div>

                                            <p>{!! preg_replace('/\r\n/', '<br />', preg_replace('/\r\n\r\n/', '</p><p>', $note->note  ?? '')) !!}</p>
                                        </div>
                                    </div>

                                @empty

                                    <p>There are no notes yet</p>

                                @endforelse
                            </div>
                        </div>
                    </div>

                </div>
            </div>

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

<!-- Modal Microtasks-->
<div class="modal fade" id="mtaskModal" tabindex="-1" role="dialog" aria-labelledby="mtaskModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">New Task</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="{{ route('onboarding.newmicrotask', $onboarding->id) }}" method="post">
                    @csrf
                    <div class="form-group row">
                        <label for="platform" class="col-sm-4 col-form-label"><h6 class="mb-5">Re:</h6></label>
                        <div class="col-sm-8">
                            <div class="input-group">
                                <select class="form-control" name="re" >
                                	@foreach (config('defines.re_categories') as $data_k => $data_v)
                                        <option value="{{ $data_k }}" >{{ $data_v }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <textarea class="form-control mt-15" rows="5" placeholder="New Note" name="new_mtsk" id="new_mtsk" style="min-height: 300px"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary mt-5">Save</button>
                </form>

            </div>
        </div>
    </div>
</div>

<!-- Modal Notes-->
<div class="modal fade" id="noteModal" tabindex="-1" role="dialog" aria-labelledby="noteModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">New Note</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="{{ route('onboarding.newtsknote', $onboarding->id) }}" method="post">
                    @csrf
                    <div class="form-group">
                        <textarea class="form-control mt-15" rows="5" placeholder="New Note" name="new_note" id="new_note" style="min-height: 300px"></textarea>
                    </div>
                    <input type="hidden" id="mtsk_id" name="mtsk_id" />
                    <button type="submit" class="btn btn-primary mt-5">Save</button>
                </form>

            </div>
        </div>
    </div>
</div>

<!-- Modal Contacts-->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Contact</h5>
                <button type="button" class="close contact-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="" method="post">
                    @csrf
                    <input type="hidden" name="contact_id" />
                    <div class="form-group">
                        <label for="contactName">Name</label>
                        <input type="text" class="form-control" id="contactName" placeholder="Name" name="contact_name">
                    </div><div class="form-group">
                        <label for="contactEmail">Email</label>
                        <input type="text" class="form-control" id="contactEmail" placeholder="email@example.com" name="contact_email">
                    </div>
                    <div class="form-group">
                        <label for="contactSkype">Skype</label>
                        <input type="text" class="form-control" id="contactSkype" placeholder="Skype" name="contact_skype">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control mt-15" rows="5" placeholder="New Note" name="contact_note"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary mt-5 update-contact">Save</button>
                    @if( canTask('can_delete') ) <a class="btn btn-dark mt-5 delete-contact">Delete</a> @endif
                </form>

            </div>
        </div>
    </div>
</div>

<!-- Modal New Contact-->
<div class="modal fade" id="contactNewModal" tabindex="-1" role="dialog" aria-labelledby="contactNewModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">New Contact</h5>
                <button type="button" class="close contact-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="{{ route('onboarding.newcontact', $onboarding->id) }}" method="post">
                    @csrf
                    <input type="hidden" name="contact_id" />
                    <div class="form-group">
                        <label for="contactName">Name</label>
                        <input type="text" class="form-control" id="contactName" placeholder="Name" name="name">
                    </div><div class="form-group">
                        <label for="contactEmail">Email</label>
                        <input type="text" class="form-control" id="contactEmail" placeholder="email@example.com" name="email">
                    </div>
                    <div class="form-group">
                        <label for="contactSkype">Skype</label>
                        <input type="text" class="form-control" id="contactSkype" placeholder="Skype" name="skype">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control mt-15" rows="5" placeholder="New Note" name="note"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary mt-5 new-contact">Save</button>
                </form>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="pageModal" tabindex="-1" role="dialog" aria-labelledby="pageModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Page</h5>
                <button type="button" class="close page-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="" method="post" id="pageForm">
                    @csrf
                    <input type="hidden" name="page_id" />
                    <input type="hidden" name="page_status_old" />
                    <div class="form-group">
                        <label for="pageUrl">URL</label>
                        <input type="text" class="form-control" id="pageUrl" placeholder="URL" name="page_url" disabled="disabled">
                    </div><div class="form-group">
                        <label for="EditpageInterval">Interval</label>
                        <select class="form-control" name="page_interval" id="EditpageInterval">
                        	@for ($i=1; $i<=30; $i++)
                            	<option value="{{ $i }}">{{ $i }}</option>
                            @endfor
                        </select>
                    </div>
                    @if (IsTeamLeader())
                        <div class="form-group">
                            <label for="EditpageUser_id">Assigned User</label>
                            <select class="form-control" name="user_id" id="EditpageUser_id">
                                <option value="0"> - none - </option>
                                @foreach ($teamusers as $teamuser )
                                    <option value="{{ $teamuser['data']['id'] }}">{{ $teamuser['data']['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                    <div class="form-group">
                        <label for="EditpageStatus">Status</label>
                        <select class="form-control" name="page_status" id="EditpageStatus">
                        	@foreach (config('defines.page_checker_status') as $data_k => $data_v)
                            	<option value="{{ $data_k }}">{{ $data_v['title'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary mt-5 update-page">Save</button>
                    @if( canTask('can_delete') ) <a class="btn btn-dark mt-5 delete-page">Delete</a> @endif
                </form>

            </div>
        </div>
    </div>
</div>

<!-- Modal New Page-->
<div class="modal fade" id="pageNewModal" tabindex="-1" role="dialog" aria-labelledby="pageNewModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">New Page</h5>
                <button type="button" class="close page-close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">

                <form action="{{ route('page.newpage', $onboarding->id) }}" method="post">
                    @csrf
                    <input type="hidden" name="page_id" />
                    <div class="form-group">
                        <label for="pageUrl">URL</label>
                        <input type="text" class="form-control" id="pageUrl" placeholder="URL" name="url" required>
                    </div><div class="form-group">
                        <label for="pageInterval">Interval</label>
                        <select class="form-control" name="interval" id="pageInterval">
                        	@for ($i=1; $i<=30; $i++)
                            	<option value="{{ $i }}" @if($i == 7) {{ 'selected="selected"' }} @endif>{{ $i }}</option>
                            @endfor
                        </select>
                    </div>
                    @if (IsTeamLeader())
                        <div class="form-group">
                            <label for="pageUser_id">Assigned User</label>
                            <select class="form-control" name="user_id" id="pageUser_id">
                                <option value="0" selected="selected"> - none - </option>
                                @foreach ($teamusers as $teamuser )
                                    <option value="{{ $teamuser['data']['id'] }}">{{ $teamuser['data']['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                    <div class="form-group">
                        <label for="pageStatus">Status</label>
                        <select class="form-control" name="status" id="pageStatus">
                            @foreach (config('defines.page_checker_status') as $data_k => $data_v)
                            	<option value="{{ $data_k }}">{{ $data_v['title'] }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary mt-5 new-page">Save</button>
                </form>

            </div>
        </div>
    </div>
</div>


<form action="{{ route('deletepage') }}" method="post" id="delete-page-form">
    @csrf
    <input type="hidden" name="delete_page_id" />
</form>

<form action="{{ route('deletecontact') }}" method="post" id="delete-contact-form">
    @csrf
    <input type="hidden" name="delete_contact_id" />
</form>

<form action="{{ route('deletemicrotask') }}" method="post" id="delete-microtask-form">
    @csrf
    <input type="hidden" name="delete_microtask_id" />
</form>

<form action="{{ route('deletenote') }}" method="post" id="delete-note-form">
    @csrf
    <input type="hidden" name="delete_note_id" />
</form>

<form action="{{ route('deletemtsknote') }}" method="post" id="delete-mtsknote-form">
    @csrf
    <input type="hidden" name="delete_mtsknote_id" />
</form>

@endsection

@section('more_scripts')

    @include('onboardings.edit-js')
    @include('onboardings.edit-css')

@endsection