@extends('layouts.app')

@section('content')
    <div class="page-header">
        <div class="row align-items-end">
            <div class="col-lg-8">

                <div class="page-header-title">
                    <div class="d-inline">
                        <h4>WQ / Lithology Data</h4>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- Page-header end -->
    @php $user = Auth::user(); @endphp
    <!-- Page-body start -->
    <div class="page-body">
        <div class="card mb-2">
            <div class="card-block">
                <div class="row">
                    <div class="col-md-2 mb-3">
                        <label for="validationCustom02">Region<span class="red">*</span></label>
                        <select class="form-control RegionFilter" name="RegionID" id="RegionID">
                            <option value="">--select--</option>
                            @foreach ($t_Master_Region as $row)                                
                                <option value="{{ $row->RegionID }}" 
                                @if(($user->RoleID == 2) && ($row->RegionID == $user->RegionID))
                                        selected = "selected"
                                @endif
                                >{{ $row->RegionName }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 mb-0 ">
                        <label for="validationCustom02">State<span class="red">*</span></label>
                        <select class="form-control StateCodeFilter" name="StateCode" id="StateCode">
                            <option value="">--select--</option>                            
                        </select>
                    </div>
                    <div class="col-md-2 mb-0 ">
                        <label for="validationCustom02">District<span class="red">*</span></label>
                        <select class="form-control district_id DistrictCodeFilter" name="DistrictCode" id="DistrictCode">
                            <option value="">--All--</option>
                        </select>
                    </div>

                    <div class="col-md-4 mt-4 ">
                        <input type="bttton" class="btn btn-primary text-white filter" name="Search" value="Filter">

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <!-- Zero config.table start -->
                <div class="card">
                    <div class="card-block">

                        <div class="dt-responsive">
                            @include('common.error')
                            <table id="simpletable" class="table table-striped table-bordered nowrap">
                                <thead>

                                    <tr>
                                        <th>SNo.</th>
                                        <th>Well No</th>
                                        <th>Village</th>
                                        <th>District</th>
                                        <th>Taluk</th>
                                        <th>Water Quality</th>
                                        <th>Well Lithology</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>

                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <script src="{{ asset('bower_components\datatables.net\js\jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('bower_components\datatables.net-buttons\js\dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('bower_components\datatables.net-bs4\js\dataTables.bootstrap4.min.js') }}"></script>
    <script>
        $(function() {

            $(".filter").click(function() {
                var RegionID = $("#RegionID").val();
                var stateCode = $("#StateCode").val();
                var DistrictCode = $("#DistrictCode").val();

                if(RegionID == ''){
                    bootbox.alert('Please select reason');
                }else if (stateCode == '') {
                    bootbox.alert('Please select state');
                }else if (DistrictCode == '') {
                    bootbox.alert('Please select district');
                }else if(stateCode != ''){
                    getResults();
                }
            });

            getResultsInitial();

        });

        function getResultsInitial() {
            $('#simpletable').DataTable({
                "language": {
                    "emptyTable": "No data available in table"
                }
            });
        }

        function getResults() {
            var RegionID = $("#RegionID").val();
            var stateCode = $("#stateCode").val();
            var DistrictCode = $("#DistrictCode").val();

            ord = $('.ord').val();
            // stateName = $("#stateCode option:selected").text();
            // districtName = $("#districtCode option:selected").text();
            basin = $("#basin").val();
            subBasin = $("#subBasin").val();
            var table = $('#simpletable').DataTable({
                "processing": false,
                "serverSide": false, //Feature control DataTables' servermside processing mode.
                "bFilter": true,
                "bLengthChange": false,
                "ordering": false,
                "iDisplayLength": 25,
                "responsive": true,
                "bDestroy": true,
                "ajax": {
                    "url": "{{ route('general') }}",
                    "type": "GET",
                    "data": {
                        "RegionID": RegionID,
                        "stateCode": stateCode,
                        "DistrictCode": DistrictCode
                    },
                    "dataType": "json",
                    "dataSrc": function(jsonData) {
                        // alert(JSON.Stringify(jsonData.data));
                        return jsonData.data;
                    }
                },
                "language": {
                    "emptyTable": "No data available in table"
                }
            });
        }

        function WaterQualityForm(_wellNo) {
            var StCode = $('#StateCode option:selected').text();
            var DistCode = $('#DistrictCode option:selected').text();
            // var dtfrm = $('.txtFrmDate').val();
            // var dtto = $('.txtToDate').val();
            var url = '/General/WaterQualityEntry';
            url += '?WellNo=' + _wellNo + '&State=' + StCode + '&District=' + DistCode;
            //url += '?processID=' + _wellNo + '&startDate=' + StartDate + '&endDate=' + EndDate + '&callType=' + CallType + '&processname=' + ProcessName;

            window.location.href = url;
        }

        function WellLithologyForm(_wellNo) {
            var StCode = $('#StateCode option:selected').text();
            var DistCode = $('#DistrictCode option:selected').text();
            // var dtfrm = $('.txtFrmDate').val();
            // var dtto = $('.txtToDate').val();
            var url = '/General/WellLithologyEntry';
            url += '?WellNo=' + _wellNo + '&State=' + StCode + '&District=' + DistCode;
            //url += '?processID=' + _wellNo + '&startDate=' + StartDate + '&endDate=' + EndDate + '&callType=' + CallType + '&processname=' + ProcessName;

            window.location.href = url;
        }
    </script>
@endsection