@extends('layouts/layout')
@section('title', 'Guards Checklist')
@push('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.9/sweetalert2.min.css">

@endpush

@section('content')

@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
    <!-- page content -->
    <div class="" role="main">
				<div class="">
					<div class="row">
						<div class="col-md-12 col-sm-12 mt-2">
							<div class="x_panel">
								<div class="x_title">
									<h2>Patrolling.No/Visit.No : {{$patrolling_info[0]->id}}</h2>
                                    <input type="hidden" id="trainingid" name="trainingid" class="form-control" value="{{$patrolling_info[0]->id}}">
                                    <h2 class="float-right">Unit Name : {{$patrolling_info[0]->unit_name}}</h2>
									<div class="clearfix"></div>
								</div>
                                <div class="x_title">
                                    <h2>Field Officer : {{$patrolling_info[0]->name}}</h2>
                                    <h2 class="float-right">Date : {{date('d-m-Y', strtotime($patrolling_info[0]->created_at))}}</h2>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
            <div class="" role="main">
				<div class="">
					<div class="row">
						<div class="col-md-12 col-sm-12 mt-2">
							<div class="x_panel">
                                @if($visits)
                                <div class="x_title">
                                    <h2>Visited Posts</h2>
									<div class="clearfix"></div>
								</div>
                                @foreach ($visits as $visit)
								<div class="x_content mt-0 p-0">
                                    <div class="col-md-12 col-sm-12 ">
                                        <div class="">
                                            <div class="">
                                                    <div class="x_panel">
                                                        <div class="mb-2 text-dark">
                                                            <span class="float-right"><b class="text-primary">Time:</b> {{$visit->created_at}}</span>
                                                        </div>
                                                        <div class="mb-2 text-dark"> <b class="text-primary">Post Name : </b> {{$visit->qr_for_post}} </div>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
								</div>
                                @endforeach
                                @endif
							</div>
						</div>
					</div>
				</div>
			</div>
            <div class="" role="main">
				<div class="">
					<div class="row">
						<div class="col-md-12 col-sm-12 mt-2">
							<div class="x_panel">
                                @if($meeting_info)
                                <div class="x_title">
                                    <h2>Minutes of Meeting</h2>
                                    <h2 class="float-right">Time : {{$meeting_info[0]->meeting_time}}</h2>
									<div class="clearfix"></div>
								</div>
								<div class="x_content mt-0 p-0">
                                    <div class="col-md-12 col-sm-12 ">
                                        <div class="">
                                            <div class="">
                                                    <div class="x_panel">
                                                        <div class="mb-2 text-dark">
                                                            <span class="float-right"><b class="text-primary">Date & Time:</b> {{date('d-m-Y', strtotime($meeting_info[0]->meeting_date))}} {{$meeting_info[0]->meeting_time}}</span>
                                                        </div>
                                                        <div class="mb-2 text-dark"> <b class="text-primary">Client Contact Person : </b> {{$meeting_info[0]->contact_person}} </div>
                                                        <div class="mb-2 text-dark"> <b class="text-primary">Points Discussed : </b> <div>{{$meeting_info[0]->description}}</div> </div>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
								</div>
                                @endif
							</div>
						</div>
					</div>
				</div>
			</div>
            @if($unit_patrolling)
            <div class="" role="main">
				<div class="">
					<div class="row">
						<div class="col-md-12 col-sm-12 mt-2">
							<div class="x_panel">
								<div class="x_title">
									<h2>Unit Observations</h2>
                                    <input type="hidden" id="trainingid" name="trainingid" class="form-control" value="{{$patrolling_info[0]->id}}">
                                    <div class="clearfix"></div>
								</div>
                                
								<div class="x_content mt-0 p-0">
                                    <div class="col-md-12 col-sm-12 ">
                                        <div class="">
                                            <div class="">
                                                    <div class="x_panel">
                                                        <div class="mb-2 text-dark">
															<span class="float-right"><b class="text-primary">Date & Time:</b> {{date('d-m-Y H:i:s', strtotime($unit_patrolling[0]->created_at))}}</span>
														</div>
														<div class="mb-2 text-dark"> <b class="text-primary">Good Checked Items : </b>
														@foreach ($dataunit as $dataunit)
															{{$dataunit->item_name}},
														@endforeach	
														</div>	
														<div class="mb-2 text-dark"> <b class="text-primary">Bad Checked Items : </b>
														
														@foreach ($dataunit1 as $dataunit1)
															{{$dataunit1->item_name}},
														@endforeach	
														
														</div>	
														<div class="text-dark">
                                                            <a class="btn btn-primary btn-sm btn-round text-white float-right m-0" href="{{ route('visits.show', $unit_patrolling[0]->id)}}">
                                                                    <i class="fa fa-eye mr-1" style=""></i> View Image</a>
                                                        
                                                            <b class="text-primary"> Observation :</b> 
															@if(isset($unit_patrolling[0]->observation))
																{{$unit_patrolling[0]->observation}}
															@else
																
															@endif
                                                        </div>
														
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			@endif
            @if($guard_patrolling)
			<div class="" role="main">
				<div class="">
					<div class="row">
						<div class="col-md-12 col-sm-12 mt-2">
							<div class="x_panel">
								<div class="x_title">
									<h2>Guards Observations</h2>
									<div class="clearfix"></div>
								</div>
								<div class="x_content mt-0 p-0">
                                    <div class="col-md-12 col-sm-12 ">
                                        <div class="">
                                            <div class="">
                                                @foreach ($guard_patrolling as $patrolling)
                                                <div class="x_panel">
                                                    <div class="mb-2 text-dark">
                                                        <span class="float-right"><b class="text-primary">Date & Time:</b> {{date('d-m-Y H:i:s', strtotime($patrolling['turnout_at']))}}</span>
                                                    </div>
                                                    <div class="mb-2 text-dark">
                                                        <b class="text-primary">Guard Name :</b> {{$patrolling['name']}}
                                                    </div>
                                                    <div class="mb-2 text-dark"> <b class="text-primary">Good Checked Items : </b>
													@if(isset($patrolling['guard_good_items']))
                                                    {{$patrolling['guard_good_items']}}
													@endif
                                                        <a class="btn btn-primary btn-sm btn-round text-white float-right m-0" href="{{ route('showvisits', [$patrolling['id'],$patrolling['guard_id']])}}">
                                                                <i class="fa fa-eye mr-1" style=""></i> View Image</a>
                                                    </div>
													<div class="mb-2 text-dark"> <b class="text-primary">Bad Checked Items : </b>
													@if(isset($patrolling['guard_bad_items']))
                                                    {{$patrolling['guard_bad_items']}}
                                                     @endif   
                                                    </div>
                                                    <div class="text-dark">
													
                                                        <b class="text-primary"> Observation :</b> {{$patrolling['observation']}}
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                                
                        </div>
                    </div>
                </div>
            @endif
            <div class="" role="main">
				<div class="">
					<div class="row">
						<div class="col-md-12 col-sm-12 mt-2">
							<div class="x_panel">
								<div class="x_title">
                                    <h2>Remarks</h2>
									<div class="clearfix"></div>
								</div>
										<div>
											<table id="datatable-fixed-header tblfirst" class="table table-striped table-bordered text-center" style="width:100%">
												<thead>
													<tr>
														<th>Sr.No</th>
														<th>Remark</th>
														<th>Remark By</th>
														<th>Date</th>
													</tr>
												</thead>
												<tbody id="myTable" name="Table">
													@foreach ($remarks as $key  => $remark)
													<tr>
														<td>{{$key +1}}</td>
														<td>{{$remark->remark}}</td>
														<td>{{$remark->Trainer}}</td>
														<td>{{$remark->created_at}}</td>
													</tr>
													@endforeach
												</tbody>    
											</table>
												<label class="form-control-label mb-1">Admin Remark</label>
												<input type="text" id="remark" name="remark" required="required" class="form-control" style="height:30px" value="">
												<span id="remark_error" class="validate"></span>
											<div class="text-center mt-2 mb-2">
												<a href="javascript:history.back()" class="btn btn-primary btn-round">Back</a>
												<button id="update_status" data-dismiss="modal" class="btn btn-round btn-primary remarkupdate scrollToTop" type="button">Update</button>
											</div>
										</div>
							</div>
						</div>
					</div>
				</div>
			</div>
    @endsection
@push('scripts')
<script>
    function timeFunctionLong(input) {
        setTimeout(function() {
            input.type = 'text';
        }, 60000);
    }
</script>
<script>
    $(document).ready(function(){
        $("#update_status").on('click', function() {
            var error_msg = "";

            if($("#remark").val() == "") {
                $("#remark_error").text("Please enter remark.");
                error_msg = "Error";
            } else {
                $("#module_name_error").text("");
            }    

           if(error_msg) {
                return false;
            }
        }); 
        
    });
</script>
<script>
    $(document).ready(function() {
        $(document).on('click', '.remarkupdate', function(){
        var training_id = $('#trainingid').val();
        var remark = $('#remark').val();
        console.log(remark);
                $.ajax({
                url: "{{url('updatepatrollingremarks')}}",
                type: "POST",
                data: {
                    training_id : training_id,
                    remark : remark,
                    _token: '{{csrf_token()}}'
                },
                dataType: 'json',
                success: function (res) {
                    console.log(res);
                    swal({
                            title: "Success!",
                            text: "Your Remark Updated Successfully.",
                            type: "success"
                        },
                        function() {
                            location.reload();
                        });
                }
            });
        });
    });
</script>

<script>
    $(document).ready(function() 
    {
        $(document).on('click', '#remark_view', function()
        {
            $("#myTable tr").detach();
            var training_id = $('#trainingid').val();
            console.log(training_id);
                $.ajax(
                    {
                        url: "{{url('viewpatrollingremarks')}}",
                        type: "POST",
                        data: {
                            training_id : training_id,
                            _token: '{{csrf_token()}}'
                        },
                        dataType: 'json',
                        success: function (res) 
                        {
                            console.log(res);
                            $.each(res,function(key, val){
                              
                                $("#myTable").append('<tr'+
                                            '<td>' + val.remark_id + '</td>'+
                                            '<td>' + val.remark_id + '</td>'+
                                            '<td>' + val.remark + '</td>'+
                                            '<td>' + val.Trainer + '</td>'+
                                            '<td>' + val.created_at + '</td>'+
                                            '</tr>');
                            });
                       
                        }
                    });
        });
    });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.9/sweetalert2.min.js"></script>

@endpush