@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">
		<section class="content">
				<div class="container-fluid">
						<div class="row">
								<div class="col-md-12">
										<div class="card" id="new_reminder_card">
											<form action="{{url('reminder/store')}}" method="post">
												@csrf
												<div class="card-body bg-light-gray">
														<div class="row">
																<div class="col-md-9">
																		<div class="form-group">
																				<label for="">{{__('Description')}} </label>
																				<textarea name="description" class="form-control form-control-sm" rows="4"
																						 required></textarea>
																		</div>
																		<div class="row">
																			<div class="col-md-6">
																				<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-6">
																				<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>
																</div>
																<div class="col-md-3">
																	<div class="form-group">
																		<label for="">{{__('User')}}</label>
																		<select name="user_id" class="select form-control form-control-sm">
																				@foreach ($users as $user)
																				<option value="{{$user->id}}">{{$user->name}}</option>
																				@endforeach
																		</select>
																	</div>

																	<div class="form-group">
																		<label>{{__('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="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 class="form-group">
																		<label>{{__('Time')}}:</label>
																		<div class="input-group date" id="time" data-target-input="nearest">
																				<input type="text" class="form-control form-control-sm datetimepicker-input" data-target="#time"  name="time"/>
																				<div class="input-group-append" data-target="#time" data-toggle="datetimepicker">
																						<div class="input-group-text"><i class="fas fa-clock"></i></div>
																				</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 Reminder')}}
																		</button>
																</div>
																<div class="col-md-6 com-sm-12 mt-3">
																	<input type="submit" name="send_email" value="{{__('Save & Email Reminder')}}" 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 Reminders')}}</h3>
												</div>
												<div id="new_reminder_window"></div>
												<div class="card-body">
													<div class="table-responsive">
													<table id="remindersTable" class="table table-striped table-bordered">
														<thead>
															<th>{{__('Sr.No')}}</th>
															<th>{{__('Reminder For')}}</th>
															<th>{{__('Description')}}</th>
															<th>{{__('Date')}}</th>
															<th>{{__('Time')}}</th>
															<th>{{__('User')}}</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 reminder --}}

@endsection

@section('scripts')

@include('crm.reminder.index_js')

@endsection