@extends('layouts.app')
@section('title')
    TCS Data Lists
@endsection
@section('content')
<style type="text/css">
    .loader-div {
        display: none;
        position: fixed;
        margin: 0px;
        padding: 0px;
        right: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 30001;
        opacity: 0.8;
    }
    .loader-img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
</style>
    <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">TCS Data Lists (
                    <b> Total : {{ $result_count ? $result_count : 0 }} )</b></h6>
            </div><br>

            <form action="{{ route('tcs.report.index') }}" 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>Select Exam</label>
                        <select class="form-control config" name="config">
                            <option value="">Select</option>
                            @foreach ($mis_config as $config)
                            <option value="{{ base64_encode($config->ID) }}" @if (Request::get('config') == base64_encode($config->ID)) selected @endif>
                                {{ trim($config->Name) }}</option>
                            
                            @endforeach

                        </select>
                    </div>

                    <div class="form-group col-md-4" style="margin-top:29px;">
                        <button type="submit" class="btn btn-success"><i style="font-size:20px" class="fa">&#xf002;</i>
                            Search</button>
                        {{-- <a href="{{ route('tcs.report.export', ['ApplicationNumber' => Request::get('ApplicationNumber'), 'ExamDate' => Request::get('ExamDate'), 'shift' => Request::get('shift')]) }}"
                            class="btn btn-danger btn-rounded" id="downloadBtn"><i style="font-size:20px"
                                class="fa">&#xf1c3;</i>
                            Download</a> --}}
                            @if ($result_count > 0)
                                <button type="button" onclick="display_data()" class="btn btn-danger btn-rounded"><i style="font-size:20px" class="fa">&#xf1c3;</i>
                                    Download
                                </button>
                            @endif

                        <a class="btn btn-dark" href="{{ route('tcs.report.index') }}">Clear</a>
                        <div class="loader-div">
                            <img class="loader-img" src="assets/images/loader.gif" style="height: 120px;width: auto;" />
                        </div>
                        <br>
                        <div class="text-danger" >
                            <h3 id="loadmessage"> </h3>
                        </div>
                    </div>
                </div>
            </form>

            <div class="mt-2 mb-4" id="maintable">
                <div class="candidate-query-tbl-index ">
                    <table class="table table-bordered table-responsive">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>R_TIME(Reporting Time)</th>
                                <th>C_TIME</th>
                                <th>ExamDate</th>
                                <th>ExamShift</th>
                                <th>ExamTime</th>
                                <th>CentNo</th>
                                <th>RollNo</th>
                                <th>APP_NO</th>
                                <th>candidateName</th>
                                <th>fatherName</th>
                                <th>motherName</th>
                                <th>dob(DDMMYYYY)</th>
                                <th>Gender</th>
                                <th>Category</th>
                                <th>StateDomicile</th>
                                <th>PwD</th>
                                <th>disabilityname</th>
                                <th>ScribeReader</th>
                                <th>LOGINPASS (DDMMYYYY)</th>
                                <th>applicationNo</th>
                                <th>exam Subject Id</th>
                                <th>exam Subject Name</th>
                                <th>mediumName</th>
                                <th>TC Code</th>
                                <th>Customer Code</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($result_count > 0)
                                @foreach ($tcs_report_all_data as $key => $data)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        @php
                                            if ($data->ExamShift == 1) {
                                                $r_time = isset($mis_setting->FirstShiftReportingTime) ? 'First Shift' . '(' . trim($mis_setting->FirstShiftReportingTime) . ')' : null;
                                                $c_time = isset($mis_setting->FirstShiftClosingTime) ? 'First Shift' . '(' . trim($mis_setting->FirstShiftClosingTime) . ')' : null;
                                                $exam_time = isset($mis_setting->FirstShiftExamStartTime) && isset($mis_setting->FirstShiftExamEndTime) ? 'First Shift' . '(' . trim($mis_setting->FirstShiftExamStartTime) . ' to ' . trim($mis_setting->FirstShiftExamEndTime) . ')' : null;
                                                $exam_shift = 'FIRST';
                                            } else {
                                                $r_time = isset($mis_setting->SecondShiftReportingTime) ? 'Second Shift' . '(' . trim($mis_setting->SecondShiftReportingTime) . ')' : null;
                                                $c_time = isset($mis_setting->SecondShiftClosingTime) ? 'Second Shift' . '(' . trim($mis_setting->SecondShiftClosingTime) . ')' : null;
                                                $exam_time = isset($mis_setting->SecondShiftExamStartTime) && isset($mis_setting->SecondShiftExamEndTime) ? 'Second Shift' . '(' . trim($mis_setting->SecondShiftExamStartTime) . ' to ' . trim($mis_setting->SecondShiftExamEndTime) . ')' : null;
                                                $exam_shift = 'SECOND';
                                            }
                                        @endphp
                                        <td>{{ $r_time }}</td>
                                        <td>{{ $c_time }}</td>
                                        <td>{{ $data->ExamDate ? $data->ExamDate : null }}</td>
                                        <td>{{ $exam_shift ? $exam_shift : null }}</td>
                                        <td>{{ $exam_time }}</td>
                                        <td>{{ @$data->CentNo ? $data->CentNo : null }}</td>
                                        <td>{{ $data->Rollnumber ? $data->Rollnumber : null }}</td>
                                        <td>{{ $data->ApplicationNumber ? $data->ApplicationNumber : null }}</td>
                                        <td>{{ $data->CandidateName ? $data->CandidateName : null }}</td>
                                        <td>{{ @$data->FatherName ? $data->FatherName : null }}</td>
                                        <td>{{ @$data->MotherName ? $data->MotherName : null }}</td>
                                        <td>{{ $data->DOB ? \Carbon\Carbon::parse($data->DOB)->format('d-m-Y') : null }}
                                        </td>
                                        <td>{{ @$data->GenderName ? $data->GenderName : null }}</td>
                                        <td>{{ @$data->CategoryName ? $data->CategoryName : null }}</td>
                                        <td></td>
                                        <td>{{ @$data->PhysicalDisability  ? $data->PhysicalDisability : null }}</td>
                                        <td>{{ isset($data->DisabilityName) ?  $data->DisabilityName : null }}</td>
                                        <td>{{ isset($data->NeedScribe) ? $data->NeedScribe : null }}</td>
                                        <td>{{ setDOBAsPassword($data->DOB) }}</td>
                                        <td>{{ @$data->ApplicationNumber ? $data->ApplicationNumber : null }}</td>
                                        <td>{{ isset($data->SubjectID) ? $data->SubjectID : null }}</td>
                                        <td>{{ @$data->SubjectName ? $data->SubjectName : null }}</td>
                                        <td>{{ @$data->QuestionPaperMediumName ? $data->QuestionPaperMediumName : null }}</td>
                                        <td>{{ @$data->TCCode ? $data->TCCode : null }}</td>
                                        <td>{{ @$data->TCCode ? $data->TCCode : null }}</td>

                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="11">
                                        <center>No Data Found !!</center>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    @if ($result_count > 0)
                        {!! $tcs_report_all_data->appends(request()->query())->links('pagination::bootstrap-4') !!}
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection
<style type="text/css">
    #loadmessage {margin-top: 20px;height:100%; width:100%; margin-left: -300px;position: absolute;
  z-index: +100 !important;}
    .form-group.col-md-4.action-button {
    padding-top: 27px;
}
		.loader-div {
			display: none;
			position: fixed;
			margin: 0px;
			padding: 0px;
			right: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 30001;
			opacity: 0.8;
		}
		.loader-img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
	</style>

@push('js')
    <script type="text/javascript">
        function display_data() {
            $("#maintable").hide();
            $("#loadmessage").html("Warning !! Do Not Close this Window.");
            $(".loader-div").show(); // show loader
            var ApplicationNumber = $('.ApplicationNumber').val();
            var ExamDate = $('.ExamDate').val();
            var shift = $('.shift').val();
            var config = $('.config').val();
            $.ajax({
                xhr: function() {
                    var xhr = new window.XMLHttpRequest();

                    // Download progress
                    xhr.addEventListener("progress", function(evt) {
                        if (evt.lengthComputable) {
                            var percentComplete = evt.loaded / evt.total;
                            // Do something with download progress
                            console.log(percentComplete);
                        }
                    }, false);

                    return xhr;
                },
                url: "{{ route('tcs.report.export') }}",
                type: "GET",
                cache: false,
                xhrFields: {
                    responseType: 'blob'
                },
                data: {
                    ApplicationNumber: ApplicationNumber,
                    ExamDate: ExamDate,
                    shift: shift,
                    config: config
                },
                success: function(result, status, xhr) {
                    $("#maintable").show();
                    $('#loadmessage').html(result).css("display", "block");
                    //console.log(result)
                    var disposition = xhr.getResponseHeader('content-disposition');
                    var filename = 'TCS-Data-Download.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