@extends($iframe_chk == 1 ? 'layouts.iframe' : 'layouts.app')

@section('content')
<!-- Container -->
	
<!-- Breadcrumb -->
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item active" aria-current="page"><h3>Task</h3></li>
    </ol>
</nav>
<!-- /Breadcrumb -->
    
<div class="row sales_edit">
    <div class="col-xl-12">
        <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">
        	
            @if ($id > 0 && $iframe_chk == 0)
                <div class="row">
                    <div class="col-12">
                        <div class="form-group" style="margin-bottom:0;">
                            <div class="row">
                                <div class="col-md-12">
                                    <a href="{{ route('sales.tasks.edit', 0) }}" class="btn btn-sm btn-primary float-left w-150p">Add New</a>
                                    <a href="javascript: void(0);" onclick="ActionRemove();" class="btn btn-sm btn-danger float-right w-150p">Delete</a>
                                    <script type="text/javascript">
                                        function ActionRemove(){
                                            question = confirm("Are you sure?")
                                            if (question !="0"){
                                                mouseLoader();
                                                top.location = "{{ route('sales.tasks.delete', $id) }}";
                                            }
                                        }
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <hr />
            @endif

            <div class="row">
            
                <div class="col-xl-{{ (($iframe_chk == 0)) ? '6' : '12' }} {{ (($iframe_chk == 0)) ? 'offset-xl-3' : '' }}">
        
                    <section class="hk-sec-wrapper hk-invoice-wrap pa-35">
        
                        <form action="{{ route('sales.tasks.update', $id) }}" method="post">
                            @csrf
        					<input type="hidden" name="iframe_chk" value="{{ $iframe_chk }}">
                            <input type="hidden" name="widget_chk" value="0">
                            <input type="hidden" name="task_form_type" value="full">
                            
                            <div class="invoice-from-wrap">
        						
                                @if ($id > 0)
                                    <div class="form-group row">
                                        <label for="subject" class="col-sm-12 col-form-label"><h6>{!! $page_data->task_message !!}</h6></label>
                                    </div>
                                    <hr class="mt-0">
                                @endif
                                
                                <div class="form-group row">
                                    <label for="subject" class="col-sm-4 col-form-label"><h6>Subject*</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="subject" list="subject_list" autocomplete="off" placeholder="Subject" name="subject" value="{{ old('subject', $page_data->subject ?? '') }}" required />
                                        <datalist id="subject_list">
                                            <option value="Call">
                                            <option value="Send Letter">
                                            <option value="Send Quote">
                                            <option value="Other">
                                        </datalist>
                                    </div>
                                </div>
                                
                                
                                <div class="form-group row">
                                    <label for="id_assigned" class="col-sm-4 col-form-label"><h6>Assigned To</h6><small id="id_assigned_help" class="form-text text-muted"></small></label>
                                    <div class="col-sm-8">
                                    	@if ($id > 0)
                                        	<input type="text" class="form-control" id="id_assigned" autocomplete="off" name="id_assigned" value="" />
                                        @else
                                        	<input type="text" class="form-control" id="id_assigned_array" autocomplete="off" name="id_assigned_array" value="" />
                                        @endif
                                        <input type="hidden" name="assigned_tokeninput_type" id="assigned_tokeninput_type" value="managers">
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="name_array" class="col-sm-4 col-form-label"><h6>Name</h6></label>
                                    <div class="col-sm-3">
                                        <button class="btn btn-outline-light dropdown-toggle" id="name_button_dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ config('defines.tasks_name_select')[old('name_type', $name_type ?? 'contacts')] }}</button>
                                        <div class="dropdown-menu">
                                        	@foreach (config('defines.tasks_name_select') as $data_k => $data_v)
                                            	<a class="dropdown-item" href="javascript: void(0);" onclick="tokenInputTypeChange('#name_array', '#name_tokeninput_type', '#name_button_dropdown', '{{ $data_k }}', '{{ $data_v }}');">{{ $data_v }}</a>
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="col-sm-5">
                                    	<input type="text" class="form-control" id="name_array" autocomplete="off" name="name_array" value="" />
                                        <input type="hidden" name="name_tokeninput_type" id="name_tokeninput_type" value="{{ old('name_type', $name_type ?? 'contacts') }}">
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="id_related_array" class="col-sm-4 col-form-label"><h6>Related To</h6></label>
                                    <div class="col-sm-3">
                                        <button class="btn btn-outline-light dropdown-toggle" id="related_button_dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ config('defines.tasks_related_select')[old('type_related', $page_data->type_related ?? 'accounts')] }}</button>
                                        <div class="dropdown-menu">
                                        	@foreach (config('defines.tasks_related_select') as $data_k => $data_v)
                                            	<a class="dropdown-item" href="javascript: void(0);" onclick="tokenInputTypeChange('#id_related_array', '#related_tokeninput_type', '#related_button_dropdown', '{{ $data_k }}', '{{ $data_v }}');">{{ $data_v }}</a>
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="col-sm-5">
                                    	<input type="text" class="form-control" id="id_related_array" autocomplete="off" name="id_related_array" value="" />
                                        <input type="hidden" name="related_tokeninput_type" id="related_tokeninput_type" value="{{ old('type_related', $page_data->type_related ?? 'accounts') }}">
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="sandbox-container" class="col-4 col-form-label">
                                        <h6 class="mb-5 click-copy">Due Date</h6></label>
                                    <div class="col-8">
                                        <div class="input-group date">
                                            <input type="text" name="due_date" class="form-control due_date" value="" autocomplete="off" readonly="readonly" />
                                            <input type="hidden" name="due_date_alt" value="">
                                            <script type="text/javascript">
                                                var due_date_global = "{{ old('date_due', $page_data->date_due ?? '') }}";
                                            </script>
                                            <div class="input-group-append">
                                                <div class="input-group-text">
                                                    <a href="javascript: void(0);" class=" glyphicon glyphicon-remove" onclick="ClearDaterangepickerSingle('due_date')"></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="skype_id" class="col-sm-4 col-form-label"><h6>Skype</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="skype_id" placeholder="Skype" name="skype_id" value="{{ old('skype_id', $page_data->skype_id ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="email" class="col-sm-4 col-form-label"><h6>Email</h6></label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="email" placeholder="Email" name="email" value="{{ old('email', $page_data->email ?? '') }}" />
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="activity_type" class="col-sm-4 col-form-label"><h6>Activity Type</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="activity_type" id="activity_type">
                                                @foreach (config('defines.tasks_activity_type_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('activity_type', $page_data->activity_type ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="comments" class="col-sm-4 col-form-label"><h6>Comments</h6></label>
                                    <div class="col-sm-8">
                                        <textarea class="form-control" rows="3" placeholder="Comments" name="comments" id="comments">{{ old('comments', $page_data->comments ?? '') }}</textarea>
                                    </div>
                                </div>
                                
                                <hr class="mt-0">
                                
                                <div class="form-group row">
                                    <label for="priority" class="col-sm-4 col-form-label"><h6>Priority</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="priority" id="priority">
                                                @foreach (config('defines.tasks_priority_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('priority', $page_data->priority ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v['title'] }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <label for="status" class="col-sm-4 col-form-label"><h6>Status</h6></label>
                                    <div class="col-sm-8">
                                        <div class="input-group">
                                           <select class="form-control" name="status" id="status">
                                                @foreach (config('defines.tasks_status_select') as $data_k => $data_v)
                                                    <option value="{{ $data_k }}"
                                                    {{ ( $data_k == old('status', $page_data->status ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $data_v['title'] }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <hr class="mt-0">
                                
                                <div class="form-group row">
                                	<div class="col-sm-4">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" id="reminder_chk" name="reminder_chk" class="custom-control-input" value="1" {{ ( old('reminder_chk', $page_data->reminder_chk ?? 0) == 1 ) ? 'checked="checked"' : '' }}  onclick="ReminderSetChk();">
                                            <label class="custom-control-label" for="reminder_chk"><h6>Reminder Set</h6></label>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 reminder_date_hold">
                                    	<div class="form-group date">
                                            <label for="date_from"><h6>Date</h6></label>
                                            <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 = "{{ old('date_reminder', $page_data->date_reminder ?? now()) }}";
                                            </script>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 reminder_time_hold">
                                    	<div class="form-group date">
                                            <label for="time_from"><h6>Time</h6></label>
                                            <select class="form-control" name="time_from" id="time_from">
                                                @foreach ($time_range as $time)
                                                	@php
                                                        $time_from_name = date(config('defines.TIMEFORMAT_PHP'),$time);
                                                    @endphp
                                                    <option value="{{ $time_from_name }}"
                                                    {{ ( $time_from_name == old('time_from_selected', $time_from_selected ?? 0) ) ? 'selected' : '' }}
                                                    >{{ $time_from_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                @if ($id > 0)
                                    <hr class="mt-0">
                                    
                                    <div class="form-group row">
                                        <h6>Created By: <a href="{{ route('sales.managers.view', $page_data->id_created) }}">{{ $page_data->user_created->name }}</a>, {{ SetTimeZoneFormat($page_data->created_at, 'date_at_time') }}</h6>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <h6>Last Modified By: <a href="{{ route('sales.managers.view', $page_data->id_modified) }}">{{ $page_data->user_modified->name }}</a>, {{ SetTimeZoneFormat($page_data->updated_at, 'date_at_time') }}</h6>
                                    </div>
                                    
                                @endif
                                
                                <hr class="mt-0">
        
                                <div class="col-12 text-right">
        							@if ($iframe_chk == 0)
	                                    <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('sales.tasks') }}">Cancel / Back</a>
                                    @else
                                    	<a class="btn btn-sm btn-light mr-2 w-150p" href="javascript: void(0);" onclick="parent.closeModaliFrame();">Cancel</a>
                                    @endif
                                    <button class="btn btn-sm btn-primary w-150p" type="submit">Save</button>
        
                                </div>
        
                            </div>
        
                        </form>
        
                    </section>
        
                </div>
        
            </div>

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



@endsection

@section('more_scripts')

    @include('sales_tasks.edit-js')

@endsection