@extends('layouts/layout')
@section('title', 'Patrolling History')
@push('style')
<style>
.pageLoader {
    background: url(../images/loader.gif) no-repeat center center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    background-color: #ffffff8c;

}
</style>
@endpush

@section('content')
<!-- page content -->
<div 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 History</h2>

                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content mt-0 p-0">
                        <form action="{{url('patrollinghistory')}}" method="post" class="mb-3">
                            @csrf
                            <!-- <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                            <div class="form-group">
                                                <label class="mb-1">Field Officer</label>
                                                <select class="select2 form-control" name="field_officer" id="field_officer" data-toggle="select2">
                                                    <option value="" selected>Select Field Officer</option>
                                                    
                                                </select>
                                                <span id="field_officer_error" class="text-danger d-inline-block"></span>
                                            </div>
                                        </div> -->
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <label class="form-control-label mb-1">From Date</label>
                                <input id="from_date" name="from_date" class="date-picker form-control"
                                    value=""
                                    placeholder="dd-mm-yyyy" type="text" required="required" type="text"
                                    onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'"
                                    onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
                                <span id="from_date_error" class="validate"></span>
                            </div>
                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                <label class="form-control-label mb-1">To Date</label>
                                <input id="to_date" name="to_date" class="date-picker form-control"
                                    value=""
                                    placeholder="dd-mm-yyyy" type="text" required="required" type="text"
                                    onfocus="this.type='date'" onmouseover="this.type='date'" onclick="this.type='date'"
                                    onblur="this.type='text'" onmouseout="timeFunctionLong(this)">
                                <span id="to_date_error" class="validate"></span>
                            </div>
                            <div class="form-group">
                                <div class="col-12 col-sm-2 col-md-2 col-lg-2 col-xl-2 offset-md-1">
                                    <input type="submit" class="btn btn-round btn-primary mt-4" name="show_status"
                                        id="show_status" value="Show History" />
                                    <!-- <button type="submit" id="training_id" class="btn btn-round btn-primary mt-4">Submit</button> -->
                                </div>
                            </div>
                        </form>
                        <div class="col-md-12 col-sm-12 ">
                            <div class="">
                                <div class="">

                                    <table id="datatable-fixed-header"
                                        class="table table-striped table-bordered text-center" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Sr. No</th>
                                                <th>No.of Visits</th>
                                                <th>Unit Name</th>
                                                <th>Area Manager</th>
                                                <th>Visit Type</th>
                                                <th>Visit Shift</th>
                                                <th>Time</th>
                                                <th>Date</th>
                                                <th>Status</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($patrollings as $key => $patrolling)
                                            @php
                                            $i = "Verify"
                                            @endphp
                                            @php
                                            $j = "Pending"
                                            @endphp
                                            <tr>
                                                <td>{{$key +1}}</td>
                                                <td>{{$patrolling->ChecklistID}}</td>
                                                <td>{{$patrolling->unit_name}}</td>
                                                <td>{{$patrolling->name}}</td>
                                                <td>{{$patrolling->visit_type}}</td>
                                                <td>{{$patrolling->visit_frequency}}</td>
                                                <td>{{date('H:i:s', strtotime($patrolling->created_at))}}</td>
                                                <td>{{date('d-m-Y', strtotime($patrolling->created_at))}}</td>
                                                <td>