@extends('layouts.app')
@section('content')
    <nav class="navbar navbar-main navbar-expand-lg px-0 mx-1 shadow-none border-radius-xl mt-2 bg-primary">
        <div class="container-fluid py-1 px-3">
            @include('layouts.navbars.auth.topnav', ['title' => trans('words.homesurvey')])
            <div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
                <ul class="navbar-nav justify-content-end ms-md-auto pe-md-3 d-flex align-items-center">
                    <li class="nav-item d-flex align-items-center">
                        @include('auth.logout')
                    </li>
                    @if(auth()->user()->id != 1)
                    <li class="nav-item px-3 d-flex align-items-center">
                        <a href="#" onclick='profileSetting({{ auth()->user()->id }});'>
                            <span>
                                <i class="fa fa-user me-sm-0" style="color: white;"></i>
                            </span>
                        </a>
                    </li>
                    @endif
                </ul>
            </div>
        </div>
    </nav>
    
    <div class="card" id="basic-info">
        <div class="card-body">
            <div class="table-responsive">
               <table class="table table-striped" id="workOrderTable">
                    <thead class="bg-dark text-white">
                        <tr>
                            <th class="text-sm text-center">@lang('words.woname')</th>
                            <th class="text-sm text-center">@lang('words.pname')</th>
                            <th class="text-sm text-center">@lang('words.status')</th>
                            <th class="text-sm text-center">@lang('words.woarea')</th>
                            <th class="text-sm text-center">@lang('words.action')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($workOrders as $workOrder)
                            <tr class="mt-2">
                                <td class="text-sm text-center font-weight-normal text-middle">{{ $workOrder->workordername }}</td>
                                <td class="text-sm text-center font-weight-normal text-middle">{{ $workOrder->processname }}</td>
                                <td class="text-sm text-center font-weight-normal text-middle">{{ $workOrder->description }}</td>
                                <td class="text-sm text-center font-weight-normal text-middle">{{ $workOrder->workarea_name }}</td>
                              
                                <td class="text-sm text-center font-weight-normal text-middle">
                                    @if ($workOrder->status_code == '305')
                                    <button class='btn btn-icon btn-2 btn-success mb-0 me-1' type='button' onclick='viewClarificationRemarksClick("{{ $workOrder->workorderid }}");'>
                                        <span class='btn-inner--icon'><i class='fa fa-edit'></i>
                                        @lang('words.viewquery')</span>
                                    </button>
                                    @endif
                                    <button class='btn btn-icon btn-2 btn-success mb-0 me-1' type='button' onclick='processClick("{{ $workOrder->workorderid }}", "{{ $workOrder->status_code }}");'>
                                        <span class='btn-inner--icon'><i class='fa fa-edit'></i>
                                        @if ($workOrder->status_code == '200') @lang('words.assigntouser')
                                        @elseif ($workOrder->status_code == '201') @lang('words.startsurvey')
                                        @elseif ($workOrder->status_code == '202') @lang('words.completesurvey')
                                        @elseif ($workOrder->status_code == '203') @lang('words.assigntomapcreation')
                                        @elseif ($workOrder->status_code == '205') @lang('words.restartsurvey')
                                        @elseif ($workOrder->status_code == '305') @lang('words.assigntoresurvey') 
                                        @endif
                                        </span>
                                    </button>
                                    @if ($workOrder->status_code == '201') 
                                        <button class='btn btn-icon btn-2 btn-info mb-0 me-1' type='button' onclick='downloadBaseMapDwg("{{ $workOrder->workorderid }}");'>
                                            <span class='btn-inner--icon'><i class='fa fa-download'></i>
                                            @lang('words.basemap') 
                                            </span>
                                        </button>
                                        <button class='btn btn-icon btn-2 btn-info mb-0 me-1' type='button' onclick='downloadSurveyMapDwg("{{ $workOrder->workorderid }}");'>
                                            <span class='btn-inner--icon'><i class='fa fa-download'></i>
                                            @lang('words.mapforsurvey') 
                                            </span>
                                        </button>
                                    @endif
                                    @if($workOrder->status_code == '202')
                                        <button class='btn btn-icon btn-2 btn-success mb-0 me-1' type='button' onclick='processReassignClick("{{ $workOrder->workorderid }}");'>
                                            <span class='btn-inner--icon'><i class='fa fa-edit'></i>
                                            @lang('words.reassign') 
                                            </span>
                                        </button>
                                    @endif
                                </td>   
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div id="noDataMessage" class="container justify-content-center text-center" style="display: none;">
            @lang('words.nomatchingresultsfound')
            </div>
        </div>
    </div>
    
@endsection

@push('css')
    <style>
        .choices {
            margin-bottom: 0;
        }
        
        .text-middle {
            vertical-align: middle;
        }
    </style>
@endpush

@push('js')
    <script src="/assets/js/plugins/choices.min.js"></script>
    <script src="/assets/js/core/jquery.min.js"></script>
    <script src="/assets/js/plugins/sweetalert.min.js"></script>
    <script>
        function profileSetting(user) {
            window.location.href = "/profileView/" + user;
        }

        var dtWorkOrders;
        var isBaseMapDownloaded = false;
        var isSurveyMapDownloaded = false;
        
        $(document).ready(function(){
            dtWorkOrders = $('#workOrderTable').DataTable({
                paging: true,
                pageLength: 10,
                searching: true,
                ordering: true,
                info: true,
                language: {
                    emptyTable: '@lang('words.noworkorderavailable')'
                }
            });
        }); 
        
        $("#workorder_name").on("change", function() {
            // Handle change event
        }); 
        
        function downloadFile(filepath) {
            window.open(filepath , '_blank');
        }

        // function viewmapQuery(workOrderId) {
        //     window.location.href = '/viewmapquery/' + workOrderId;            
        // }

        function processClick(workOrderId, status_code) {        
            if (status_code == "200" || status_code == "305") {
                window.location.href = '/assignToUserSurvey/' + workOrderId;   
            } else if (status_code == "201") {
                if (!isBaseMapDownloaded) {
                    Swal.fire({
                        icon: 'warning',
                        title: '@lang('words.survey')',
                        text: '@lang('words.pleasedownloadthebasemapdwgfile')',
                        showCancelButton: false,
                        customClass: {
                            confirmButton: 'btn btn-success mx-2'
                        },
                        buttonsStyling: false
                    });
                    return;
                }
                
                if (!isSurveyMapDownloaded) {
                    Swal.fire({
                        icon: 'warning',
                        title: '@lang('words.survey')',
                        text: '@lang('words.pleasedownloadthedwgfileforsurvey')',
                        showCancelButton: false,
                        customClass: {
                            confirmButton: 'btn btn-success mx-2'
                        },
                        buttonsStyling: false
                    });
                    return;
                }

                Swal.fire({
                    icon: 'warning',
                    title: '@lang('words.survey')',
                    text: '@lang('words.pleaseconfirmtostartsurveydownloadfileautomatically')',
                    showCancelButton: true,
                    customClass: {
                        confirmButton: 'btn btn-success mx-2',
                        cancelButton: 'btn btn-danger mx-2'
                    },
                    buttonsStyling: false
                }).then(function (result) {
                    if (result.isConfirmed) {
                        startSurvey(workOrderId);
                    }
                });  
                return;  
            } else if (status_code == "202") {
                window.location.href = '/completeSurvey/' + workOrderId; 
            } else if (status_code == "203") {
                window.location.href = '/surveyupload/' + workOrderId; 
            } else if (status_code == "205") {
                Swal.fire({
                    icon: 'warning',
                    title: '@lang('words.survey')',
                    text: '@lang('words.pleaseconfirmtorestartsurvey')',
                    showCancelButton: true,
                    customClass: {
                        confirmButton: 'btn btn-success mx-2',
                        cancelButton: 'btn btn-danger mx-2'
                    },
                    buttonsStyling: false
                }).then(function (result) {
                    if (result.isConfirmed) {
                        startSurvey(workOrderId);
                    }
                });  
                return;  
            }
        }
        
        function downloadBaseMapDwg(workOrderId) {
            var fd = new FormData();
            fd.append('workOrderId', workOrderId);
            fd.append('_token', '{{ csrf_token() }}');
            
            $.ajax({
                url: '{{ route('get_files_for_survey') }}',
                type: 'post',
                data: fd,
                contentType: false,
                processData: false,
                success: function(response){
                    if (response.success) {
                        downloadFile(response.basemap_path);
                        isBaseMapDownloaded = true;
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: '@lang('words.survey')',
                            text: response.message,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        });
                    }
                },
            });
        }
        
        function downloadSurveyMapDwg(workOrderId) {
            var fd = new FormData(); 
            fd.append('workOrderId', workOrderId);
            fd.append('_token', '{{ csrf_token() }}');
            
            $.ajax({
                url: '{{ route('get_files_for_survey') }}',
                type: 'post',
                data: fd,
                contentType: false,
                processData: false,
                success: function(response){
                    if (response.success) {
                        downloadFile(response.surveymap_path);
                        isSurveyMapDownloaded = true;
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: '@lang('words.survey')',
                            text: response.message,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        });
                    }
                },
            });
        }
        
        function viewClarificationRemarksClick(workOrderId){
            // window.location.href = '/viewrejectmapqc/' + workOrderId ; 

            var fd = new FormData();
            fd.append('workOrderId',workOrderId);
            fd.append('_token','{{csrf_token()}}');
            
            $.ajax({
                url: '{{route('viewClarificationRemarksClick')}}',
                type: 'post',
                data:fd,
                contentType: false,
                processData: false,
                success: function(response){
                    if (response.success)
                    {
                        Swal.fire({
                            icon: 'success',
                            title: '@lang('words.workorder:')'+response.workOrdername,
                            html: '<span style="font-weight:bold;">@lang('words.raisedby:')</span>' + response.raisedby + '<br> <span style="font-weight:bold;">@lang('words.querydescription:')</span>' + response.clarification,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        }).then(function (result) {
                                window.location.reload();
                            });
                    }
                    else
                    {
                        Swal.fire({
                            icon: 'warning',
                            title: '@lang('words.workorder')',
                            text: response.message,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        });
                    }
                },
            });
        }

        function getFilesForSurvey(workOrderId) {
            var fd = new FormData();  
            fd.append('workOrderId', workOrderId);
            fd.append('_token', '{{ csrf_token() }}');
            
            $.ajax({
                url: '{{ route('get_files_for_survey') }}',
                type: 'post',
                data: fd,
                contentType: false,
                processData: false,
                success: function(response){   
                    if (response.success) {
                        downloadFile(response.basemap_path);
                        downloadFile(response.surveymap_path);
                        startSurvey(workOrderId);
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: '@lang('words.survey')',
                            text: response.message,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        });
                    }
                },
            });
        }
        
        function queryClick(workOrderId, status_code) {
            if (status_code == "202") {
                Swal.fire({
                    icon: 'warning',
                    title: '@lang('words.survey')',
                    text: '@lang('words.pleaseconfirmtosetqueryforsurvey')',
                    showCancelButton: true,
                    customClass: {
                        confirmButton: 'btn btn-success mx-2',
                        cancelButton: 'btn btn-danger mx-2'
                    },
                    buttonsStyling: false
                }).then(function (result) {
                    if (result.isConfirmed) {
                        window.location.href = '/Queryclarification/' + workOrderId;
                    }
                });  
                return;  
            }
        }
        
        function querySurvey(workOrderId) {
            var fd = new FormData();
            fd.append('workOrderId', workOrderId);
            fd.append('_token', '{{ csrf_token() }}');
            
            $.ajax({
                url: '{{ route('querySurveyPost') }}',
                type: 'post',
                data: fd,
                contentType: false,
                processData: false,
                success: function(response){
                    if (response.success) {
                        Swal.fire({
                            icon: 'success',
                            title: '@lang('words.survey')',
                            text: '@lang('words.surveyissetforclarification')',
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        }).then(function (result) {
                            window.location.reload();
                        });
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: '@lang('words.workorder')',
                            text: response.message,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        });
                    } 
                },
            });
        }

        function startSurvey(workOrderId) {
            var fd = new FormData();  
            fd.append('workOrderId', workOrderId);
            fd.append('_token', '{{ csrf_token() }}');
            
            $.ajax({
                url: '{{ route('startSurveyPost') }}',
                type: 'post',
                data: fd,
                contentType: false,
                processData: false,
                success: function(response){
                    if (response.success) {
                        Swal.fire({
                            icon: 'success',
                            title: '@lang('words.survey')',
                            text: '@lang('words.surveystartedsuccessfully')',
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        }).then(function (result) {
                            window.location.reload();
                        });
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: '@lang('words.survey')',
                            text: response.message,
                            showCancelButton: false,
                            customClass: {
                                confirmButton: 'btn btn-success mx-2'
                            },
                            buttonsStyling: false
                        });
                    }  
                },
            });
        }
        
        function processReassignClick(workOrderId) {       
            window.location.href = '/reassignSurvey/' + workOrderId;
        }
    </script>
@endpush