@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>{{ ($type == "web") ? 'Web' : 'Projects'}}</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('task.new', $type) }}" 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">
                        
                        	<h3 class="mb-10">INVOICES</h3>
                            <hr class="mt-0">
                        
							@foreach ($task->invoices as $invoice)
                            
                                <form action="{{ route('taskinvoice.update', [$task->id, $invoice->id]) }}" method="post">
                                    @csrf
    
                                    <div class="invoice-from-wrap invoice_hold_{{$invoice->id}}">
                                        
                                        <div class="form-group row">
                                            <label for="date_from" class="col-sm-4 col-form-label"><h6 class="mb-5">Date</h6></label>
                                            <div class="col-sm-8">
                                                <div class="input-group date">
                                                    <input type="text" name="date_invoice_{{$invoice->id}}" class="form-control date_invoice_{{$invoice->id}}" value="" autocomplete="off" readonly="readonly" />
                                                    <input type="hidden" name="date_invoice_{{$invoice->id}}_alt" value="">
                                                    <div class="input-group-append">
                                                        <div class="input-group-text">
                                                            <a href="javascript: void(0);" class=" glyphicon glyphicon-remove" onclick="ClearDaterangepickerSingle('date_invoice_{{$invoice->id}}')"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @if ($invoice->first_invoice == 1)
                                            <div class="form-group row">
                                                <label for="hours_agreed" class="col-sm-4 col-form-label"><h6 class="mb-5">Hours Estimate</h6></label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" id="hours_agreed" placeholder="Hours Estimate" name="hours_agreed"
                                                           value="{{ old('hours_agreed', $invoice->hours_agreed ?? '') }}">
                                                </div>
                                            </div>
                                        @endif
                                        <div class="form-group row">
                                            <label for="price_per_hour" class="col-sm-4 col-form-label"><h6 class="mb-5">Price Per Hour ($)</h6></label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" id="price_per_hour" placeholder="Price Per Hour ($)" name="price_per_hour"
                                                       value="{{ old('price_per_hour', $invoice->price_per_hour ?? '') }}">
                                            </div>
                                        </div>
                                        @if ($invoice->first_invoice == 1)
                                            <div class="form-group row">
                                                <label for="hours_free" class="col-sm-4 col-form-label"><h6 class="mb-5">Free Hours</h6></label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" id="hours_free" placeholder="Free Hours" name="hours_free"
                                                           value="{{ old('hours_free', $invoice->hours_free ?? '') }}">
                                                </div>
                                            </div>
                                        @endif
                                        
                                        <div class="form-group row">
                                            <label for="hours_extra" class="col-sm-4 col-form-label"><h6 class="mb-5">Extra Hours</h6></label>
                                            <div class="col-sm-8">
                                            	<a class="btn btn-xs btn-light float-right" data-toggle="tooltip" data-placement="top" title="Add Extra Hours" href="javascript: void(0);" onclick="AddExtraHours({{$invoice->id}});">+</a>
                                            </div>
                                        </div>
                                        <div class="hours_extra_hold_{{$invoice->id}}"></div>
                                        <input type="hidden" name="hours_extra_total" value="">
                                        
                                        
                                        <div class="form-group row">
                                            <label for="hours_total" class="col-sm-4 col-form-label"><h6 class="mb-5">Total Hours</h6></label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" id="hours_total" placeholder="Total Hours" name="hours_total" readonly="readonly"
                                                value="{{ old('hours_total', $invoice->hours_total ?? '') }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="price_total" class="col-sm-4 col-form-label"><h6 class="mb-5">Price ($)</h6></label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" id="price_total" placeholder="Price Total ($)" name="price_total" readonly="readonly"
                                                       value="{{ old('price_total', $invoice->price_total ?? '') }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="invoice_status" class="col-sm-4 col-form-label"><h6 class="mb-5">Invoice Status</h6></label>
                                            <div class="col-sm-8">
                                                <select class="form-control custom-select" id="invoice_status" name="invoice_status">
                                                    @foreach (config('defines.yes_no_select') as $data_k => $data_v)
                                                        <option value="{{ $data_k }}"
                                                            {{ ( $data_k == old('invoice_status', $invoice->invoice_status ?? 0) ) ? 'selected' : '' }}
                                                        >{{ $data_v }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        
                                        <div class="text-center mb-10">
                                        	<a class="btn btn-xs btn-light" data-toggle="collapse" href="#collapse-{{$invoice->id}}" role="button" aria-expanded="false" aria-controls="collapse-{{$invoice->id}}">Show Data</a>
                                        </div>
                                        
                                        <div id="collapse-{{$invoice->id}}" class="collapse">
                                            <div class="form-group row">
                                                <label for="invoice_contact" class="col-sm-4 col-form-label"><h6 class="mb-5">Person To Invoice</h6></label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" id="invoice_contact" placeholder="Person To Invoice" name="invoice_contact"
                                                           value="{{ old('invoice_contact', $invoice->invoice_contact ?? '') }}">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="invoice_email" class="col-sm-4 col-form-label"><h6 class="mb-5">Invoice Email</h6></label>
                                                <div class="col-sm-8">
                                                    <input type="text" class="form-control" id="invoice_email" placeholder="Invoice Email" name="invoice_email"
                                                           value="{{ old('invoice_email', $invoice->invoice_email ?? '') }}">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="invoice_data" class="col-sm-4 col-form-label"><h6 class="mb-5">Invoice Data</h6></label>
                                                <div class="col-sm-8">
                                                    <textarea type="text" class="form-control" id="invoice_data" placeholder="Invoice Data" name="invoice_data">{{ old('invoice_data', $invoice->invoice_data ?? '') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-12 text-right mt-10">
    										@if ($invoice->first_invoice == 0 && $invoice->invoice_status == 0)
                                            	<a href="javascript: void(0);" onclick="InvoiceRemove('{{ route('taskinvoice.del', [$task->id, $invoice->id]) }}');" class="btn btn-sm btn-danger float-left">Delete</a>
                                            @endif
                                            <a class="btn btn-sm btn-light mr-2 w-150p" href="javascript: void(0);" onclick="InvoiceClientData({{$invoice->id}}, {{$invoice->first_invoice}});">View Client Data</a>
                                            <button class="btn btn-sm btn-info w-150p" type="submit">Save</button>
    
                                        </div>
                                        
                                    </div>
                                </form>
                                
                                <hr class="mt-15">
                            
                            @endforeach
                            
                            <div class="col-12 text-right">

                                <a class="btn btn-sm btn-primary w-150p" href="javascript: void(0);" onclick="InvoiceRemove('{{ route('taskinvoice.add', $task->id) }}');">Add New Invoice</a>

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

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

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

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


                                    <hr class="mt-0">
                                    
                                                                        
                                    

                                    <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="({{ $task->internal_id }})-{{ $task->title }}-{{ $task->primary_contact_name }}">Internal Project Number*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="internal_id" placeholder="Internal Task Number" name="internal_id"
                                            value="{{ old('internal_id', $task->internal_id ?? '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="title" class="col-sm-4 col-form-label"><h6 class="mb-5">Project Title*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="title" placeholder="Task Title" name="title"
                                            value="{{ old('title', $task->title ?? '') }}">
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <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', $task->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', $task->primary_contact_email ?? '') }}">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="primary_contact_description" class="col-sm-4 col-form-label"><h6 class="mb-5">Primary Contact Description</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="primary_contact_description" placeholder="Primary Contact Description" name="primary_contact_description"
                                            value="{{ old('primary_contact_description', $task->primary_contact_description ?? '') }}">
                                        </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', $task->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="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', $task->users->where('pivot.role', 'introduced_by')->first()->id ?? '') == $user->id ) ? 'selected' : '' }}>{{ $user->name }}</option>

                                                                
                                                            @endforeach

                                                            <option value="introduced-by-other" @if($task->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($task->introduced) {{ $task->introduced }} @endif"
                                                               placeholder="name"
                                                               @if($task->introduced == '') disabled @endif>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
										-->

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

                                        <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('task') }}">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>

                    </div>

                    <div class="col-xl-6">
                                                
                        <section class="hk-sec-wrapper hk-invoice-wrap">

                            <div class="form-group row task_status_hold">
                                <label for="status" class="col-sm-4 col-form-label"><h6 class="mb-0">Status</h6></label>
                                <div class="col-sm-8 bdrop" id="{!! $task->id !!}">
                                    @if ($can_edit == 1)
                                        {!! $task->dropdownBadge('status') !!}
                                    @else
                                        {!! $task->dropdownBadge('status', false) !!}
                                    @endif
                                </div>
                            </div>

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

                            <form action="{{ route('task.update', [$type, $task->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($task->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-info" 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('task.assigns') }}" method="post">
                                    @csrf
                                    <input type="hidden" name="task" value="{{ $task->id ?? '' }}">

                                    <div class="form-group row mb-0">

                                        <label for="assigns" class="col-4 col-form-label">
                                            <h6>Assigned to this task:</h6>
                                        </label>
                                        <div class="col-6">
                                           <select class="selectpicker btn-group-sm" id="assigns" name="assigns[]" multiple  title="None">
                                                <option></option>

                                                @foreach( $users as $user )

                                                    @if ( !in_array( $user->id, $task->users->where('pivot.role', 'introduced_by')->pluck('id')->toArray() ) )

                                                        <option value="{{ $user->id }}" {{ ( in_array( $user->id, $task->users->where('pivot.role', 'assigned_to')->pluck('id')->toArray() ) ) ? 'selected' : '' }}>{{ $user->name }}</option>

                                                    @endif

                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-2 text-right">
                                            <button class="btn btn-sm btn-info" 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">
                            
                            	<div class="form-group row">
                                    <label for="hours_tasks" class="col-sm-4 col-form-label"><h6 class="mb-5">Hours by Tasks: {{ old('hours_tasks', $task->hours_tasks ?? '0') }}</h6></label>
                                </div>

                                @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>
                                                                        <small class="d-block mt-10"><strong>Hours</strong>: {{ $note->hours }}</small>
                                                                    </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>
            </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('task.newmicrotask', [ $type, $task->id ]) }}" method="post">
                    @csrf
                    <div class="form-group">
                        <textarea class="form-control mt-15" rows="5" placeholder="New Task" 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('task.newtsknote', $task->id) }}" method="post">
                    @csrf
                    <div class="form-group row">
                        <label for="platform" class="col-sm-1 col-form-label"><h6 class="mb-5">Hours</h6></label>
                        <div class="col-sm-2">
                            <div class="input-group">
                                <input type="text" class="form-control" id="hours" placeholder="Hours" name="hours" value="">
                            </div>
                        </div>
                    </div>
                    <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('task.newcontact', $task->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>

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

                <div class="card-body">
                    <div class="modal_invoice_hold">

                        <div class="w-100 text-center"><img src="/assets/imgs/loading.gif" width="50px" /></div>

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

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

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

<form action="{{ route('deletemicrotask') }}" method="post" id="delete-microtask-form">
    @csrf
    <input type="hidden" name="delete_microtask_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('tasks.edit-js')
    @include('tasks.edit-css')

@endsection