@extends('layouts.app')
@section('title')
Candidate Logs
@endsection
@section('content')
    <div class="row card">


        <div class="mt-3 card-body card-white mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color">Candidate Logs</h6>
            </div>
            <br>
            <div id='loader'></div>
            <form action="{{ route('candidate.logs') }}" method="GET" enctype="multipart/form-data">
                <div class="row">

                    <div class=" form-group col-md-3">
                        <label> Search by Application Number </label>
                        <input type="text"  name="ApplicationNumber" value="{{ Request::get('ApplicationNumber') }}"
                            placeholder="Search by Application Number" class="form-control ApplicationNumber">
                    </div>

                    <div class=" form-group col-md-3">
                        <label> Search by Candidate Name </label>
                        <input type="text"  name="CandidateName" value="{{ Request::get('CandidateName') }}"
                            placeholder="Search by Candidate Name" class="form-control CandidateName">
                    </div>

                    <div class="form-group col-md-3">
                        <label>Select Exam</label>
                        <select class="form-control config" name="config">
                            <option value="">Select</option>
                            @foreach ($examFilters as $examFilter)
                                <option value="{{ base64_encode($examFilter->ID) }}" @if(Request::get('config') == base64_encode($examFilter->ID)) selected @endif>
                                    {{ $examFilter->Name }}</option>
                            @endforeach
                        </select>
                    </div>


                    <div class="form-group col-md-3">
                       
                        <button type="submit" class="btn btn-success action-button"><i style="font-size:20px" class="fa">&#xf002;</i>
                            Search</button>
                    
                        <a class="btn btn-dark action-button" href="{{ route('candidate.logs') }}">Clear</a>
                        @if (count($documents) > 0)
                        <button type="button" onclick="display_data()" class="btn btn-danger action-button"><i style="font-size:20px" class="fa">&#xf1c3;</i>
                            Download</button>
                        @endif

                    </div>

                    
                    <br>
                    <div class="text-danger" >
                        <center><h3 id="loadmessage"> </h3></center>
                    </div>
             
                   
                </div>
            </form>

            <div class="mt-2 mb-4" id="maintable">
                    <table class="table table-bordered " >
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>Application No</th>
                                <th>Candidate Name </th>
                                <th>DOB </th>
                                <th>Page URL </th>
                                <th>IP</th>
                                <th>Log Date & Time</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($documents) > 0)
                                @foreach ($documents as $key => $document)
                                 
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td> {{ @$document->ApplicationNumber ? $document->ApplicationNumber : null }}
                                        </td>
                                        <td> {{ @$document->CandidateName ? $document->CandidateName : null }}
                                        </td>
                                        <td> {{ @$document->DOB ? $document->DOB : null }}
                                        </td>
                                        <td>{{ @$document->PageURL ? $document->PageURL : null }}
                                        </td>
                                        <td>{{ @$document->UserIP ? $document->UserIP : null }}
                                        </td>
                                        <td>{{ @$document->CreatedDate ? date('Y-m-d h:i:s', strtotime($document->CreatedDate)) : null }}
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="11">
                                        <center>No Data Found !!</center>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    @if (count($documents) > 0)
                    {!! $documents->appends(request()->query())->links('pagination::bootstrap-4') !!}
                    @endif
            </div>



        </div>
    </div>
    
    @endsection
   

    @push('js')
    <script type="text/javascript">
		function display_data() {
            $("#maintable").hide();
            $("#loadmessage").html("Download Progress !! Do Not Close this Window.");
			$(".loader-div").show(); // show loader
            var ApplicationNumber = $('.ApplicationNumber').val();
            var CandidateName = $('.CandidateName').val();
            var config = $('.config').val();
			$.ajax({
                
                 url:"{{ url('candidate-logs-export') }}",
				 type:"GET",
                 cache: false,
                 xhrFields:{
                   responseType: 'blob'
                 },
                 data:{
                    ApplicationNumber: ApplicationNumber,
                    CandidateName: CandidateName,
                    config:config
                 },
				 success: function(result, status, xhr) {
                    $("#maintable").show();
                    $('#loadmessage').html(result).css("display", "block");
                var disposition = xhr.getResponseHeader('content-disposition');
                var filename = 'CandidateLogDownload.xlsx';
                // The actual download
                var blob = new Blob([result], {
                    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                });
                var link = document.createElement('a');
                link.href = window.URL.createObjectURL(blob);
                link.download = filename;
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
                $(".loader-div").hide();
                },
				  error: function (xhr, status) {
					$(".loader-div").hide(); // hide loader	
					console.log('ajax error = ' + xhr.statusText);
				  }
			 });
		}
    </script>
  
    @endpush