@extends('crm.layouts.app')

@section('styles')
<link rel="stylesheet" href="{{asset('theme/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('theme/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
@endsection

@section('content')
<div class="content-wrapper">
    <div class="container-fluid">
        <div class="row">
            @include('crm.lead.common.lead_inner_sidebar')
            <div class="col-md-9">
               
										<div class="card bg-light-gray" id="new_task_card">
											<div class="card-header bg-gray">
												<h3 class="card-title">{{__('New Task')}}</h3>
											</div>
											<form action="{{url('task/store')}}" method="post">
												@csrf
												<input type="hidden" name="relation" value="Lead">
												<input type="hidden" name="lead_customer_id" value="{{@$lead->id}}">
												<div class="card-body">
													<div class="row">
														<div class="col-md-12">
																<div class="form-group">
																		<label for="">{{__('Task Description')}} </label>
																		<textarea name="description" class="form-control form-control-sm" rows="2"
																				required></textarea>
																</div>
																<div class="row">
																	<div class="col-md-4">
																			<div class="form-group">
						
																					<label for=""><span class="text-danger">*</span> {{__('Sales Agent (Task
																						Owner)')}}</label>
																					<select name="owner_id" class="form-control form-control-sm" required>
																							@foreach ($salesperson as $user)
																							<option value="{{$user->id}}">{{$user->name}}</option>
																							@endforeach
																					</select>
																			</div>
																	</div>
																	<div class="col-md-4">
																		<div class="form-group">
																				<label for="">{{__('Priority')}} </label>
																				<select name="priority" class="form-control form-control-sm">
																						@php
																						$priorities = [
																							__('High'),
																							__('Med'),
																							__('Low')
																						];
																						@endphp
																						@foreach ($priorities as $priority)
																						<option value="{{$priority}}">{{$priority}}</option>
																						@endforeach
																				</select>
																		</div>
																	</div>
																	<div class="col-md-4">
																		<div class="form-group">
																			<label for="">{{__('Type')}}</label>
																			<select name="type" class="form-control form-control-sm">
																					@php
																					$types = [
																						__('Email'), 
																						__('Call'), 
																						__('Follow up'), 
																						__('Meeting'), 
																						__('Letter'), 
																						__('Event')
																						]
																					@endphp
																					@foreach ($types as $type)
																					<option value="{{$type}}">{{$type}}</option>
																					@endforeach
																			</select>
																		</div>
																	</div>
																	<div class="col-md-4">
																		<div class="form-group">
																			<label for="">{{__('Status')}}</label>
																			<select name="status" class="form-control form-control-sm">
																					@php
																					$statusess = [
																						__('Waiting'),
																						__('Started'), 
																						__('In progress'), 
																						__('Completed'), 
																						__('Rejected')
																						]
																					@endphp
																					@foreach ($statusess as $status)
																					<option value="{{$status}}">{{$status}}</option>
																					@endforeach
																			</select>
																		</div>
																	</div>
																	<div class="col-md-4">
																			<div class="form-group">
						
																				{{-- This switch is for next column start and end time --}}
																				<label class="cl-switch cl-switch-green floatRight">
																					<span class="label" for="is_all_day">{{__('Full Day Task')}}</span>
																					<input type="checkbox" name="is_all_day" id="is_all_day" value="yes" checked>
																					<span class="switcher float-left mr-2"></span>
																				</label>
						
																				<label><span class="text-danger">*</span> {{__('Task Start Date')}}:</label>
																				<div class="input-group date" id="start_date" data-target-input="nearest">
																						<input type="text" class="form-control form-control-sm datetimepicker-input" data-target="#start_date" name="start_date" required>
																						<div class="input-group-append" data-target="#start_date" data-toggle="datetimepicker">
																								<div class="input-group-text"><i class="fa fa-calendar"></i></div>
																						</div>
																				</div>
																					
																			</div>
																	</div>
						
																	<div class="col-md-4">
																			<div id="is_all_day_show"></div>
																	</div>											
						
																	<div class="col-md-4">
																		<label class="cl-switch cl-switch-green floatRight">
																			<label class="label" for="Billable">{{__('Billable Task')}}</label>
																			<input type="checkbox" name="billable" id="billable" value="yes" checked>
																			<span class="switcher float-left  mr-2"></span>
																		</label>
																		<div class="form-group" id="bill_amount_field">
																			<label for="">{{__('Bill Amount')}}</label>
																			<input type="number" step=".01" name="bill_amount" class="form-control form-control-sm">
																		</div>
																	</div>
																	
																	<div class="col-md-4">
																		<div class="form-group">
																			<span class="pr-4">
																				<label class="cl-switch cl-switch-green">
																					<span class="label" for="repeat_task">{{__('Repeat Task')}}</span>
																					<input type="checkbox" name="repeat_task" id="repeat_task" value="yes">
																					<span class="switcher float-left mr-2"></span>
																					</label>
																			</span>
																		</div>									
																	</div>
						
																</div>
														</div>
						
													</div>
						
													<div id="repeat_window_show"></div>

													<div class="row">
															<div class="col-md-6 com-sm-12 mt-3">
																	<button class="btn btn-primary btn-block ">
																			{{__('Save Task')}}
																	</button>
															</div>
															<div class="col-md-6 com-sm-12 mt-3">
																<input type="submit" name="send_email" value="{{__('Save & Send Email')}}" class="btn btn-primary btn-block">
															</div>
														
													</div>
												</div>
											</form>
										</div>
	
										<div class="card card-secondary">
												<div class="card-header">
														<h3 class="card-title">{{__('Manage tasks')}}</h3>
													
												</div>
												<div id="new_task_window"></div>
												<div class="card-body">
													<div class="table-responsive">
													<table id="taskTable" class="table table-striped table-bordered">
														<thead>
															<th>{{__('Sr.No')}}</th>
															<th>{{__('Task')}}</th>
															<th>{{__('Start Date')}}</th>
															<th>{{__('Type')}}</th>
															<th>{{__('Status')}}</th>
															<th>{{__('Priority')}}</th>
															<th>{{__('Sales Agent')}}</th>
															<th>{{__('Actions')}}</th>
														</thead>
														<tbody>
														
														</tbody>
														
													</table>
												</div>
												</div>
											</div>
										</div>
									</div>
								</div>
                    <!-- /.card-body -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
						<div class="modal-dialog modal-lg" role="document">
							<div class="modal-content bg-light-gray">
								<!-- Modal content here -->
							</div> 
						</div>
					</div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</div>

@endsection

@section('scripts')


@include('crm.lead.task_js')
@yield('inner_script')
@endsection