@extends('crm.layouts.app')

@section('styles')
<!-- DataTables -->
<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">
		<!-- Main content -->
		<section class="content">
				<div class="container-fluid">
						<div class="row">
								<div class="col-md-12">
									<button type="button" class="btn btn-primary btn-sm mb-1" id="addButton">{{__('Add New Task')}}</button>
									<button type="button" class=" btn btn-secondary btn-sm mb-1 d-hide" id="hideButton"> {{__('Hide Task Window')}}</button>
				<div class="card d-hide bg-light-gray" id="new_task_card">
					<form action="{{url('task/store')}}" method="post">
						@csrf
						<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="3"
														required></textarea>
										</div>
										<div class="row">
											<div class="col-md-4">
													<div class="form-group">
															<label for=""><span class="text-danger">*</span> {{__('Customer/Lead')}} </label>
															<select name="relation"  class="select relation form-control form-control-sm"
																	required>
																	<option selected disabled>{{__('Select User Type')}}</option>
																	<option value="{{ 'Customer' }}">{{__('Customer')}}</option>
																	<option value="{{ 'Lead' }}">{{__('Lead')}}</option>
															</select>
													</div>
											</div>
											<div class="col-md-4">
													<div class="form-group">
															<label for=""><span class="text-danger">*</span>{{__('Select Customer/Lead')}} </label>
															<select name="lead_customer_id" id="lead_customer_id"
																	class="select form-control form-control-sm" required>
															</select>
													</div>
											</div>
											<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="select form-control form-control-sm" required>
																	@foreach ($task_owners 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="select 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="select 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="select 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>{{__('Task Start Date')}}:</label>
														<div class="input-group date" id="date" data-target-input="nearest">
																<input type="text" class="form-control form-control-sm datetimepicker-input" data-target="#date" name="start_date">
																<div class="input-group-append" data-target="#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 bg-gray">
														<h3 class="card-title">{{__('Manage Tasks')}}</h3>
												</div>
												<div id="new_task_window"></div>
												<div class="card-body">
													<div class="table-responsive">
													<table id="tasksTable" class="table table-bordered table-striped">
														<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 class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
												<div class="modal-dialog modal-lg" role="document">
													<div class="modal-content bg-light-gray">
														<!-- Modal content here -->
													</div> 
												</div>
											</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
		</section>
</div>


{{-- ANCHOR MODAL VIEW task --}}

@endsection

@section('scripts')
@include('crm.task.index_js')
@endsection