@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.workorderassignmentforqc')])
           
            <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(<?php echo auth()->user()->id; ?>);'>
                        <span class=''>
                            <i class="fa fa-user me-sm-0" style="color: white;"></i>
                        </span>
                    </a>
                </li>
                @endif
            </ul>
        </div>
    </div>
</nav>
    <div class="card mx-1 my-1  mt-1 pt-1" id="basic-info">
        <div class="card-header  mt-1 pt-1">
            <h5>@lang('words.workorderassignmentforqc') </h5>
        </div>
        <div class="card-body mt-1 pt-1">
                @csrf
             @php
                $displayedFilePaths = [];
                $ivlFileDisplayed = false;
               
             @endphp
             <div class="card card-custom">
                    <div id="cardBodyMain" class="card-body">
                    <input type="hidden" name="_token" value="{{csrf_token()}}"> 
                    
                                <div class="row mt-2">
                                    <div class="col-lg-2 pt-1 text-end">
                                     <label class="form-label">@lang('words.workorder')</label>
                                        
                                    </div>
                                    <div class="col-lg-4 ">
                                        <div class="input-group">
                                            <input id="inWorkOrderName" name="inWorkOrderName" class="form-control rounded" type="text" readonly
                                                 value="{{ $workOrder->name}}">
                                                <input type="hidden" id="inWorkOrderId" name="inWorkOrderId" value=""> 
                                        </div>
                                        @error('name')
                                            <p class='text-danger text-xs pt-1'> {{ $message }} </p>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row  mt-4">
                                    <div class="col-lg-2 pt-1 text-end">
                                            <label class="form-label">@lang('words.remark')</label>
                                        </div>
                                            <div class="col-lg-4">
                                            <div class="input-group">
                                                <textarea id="remarks" name="remarks" class="form-control"  
                                                placeholder="Remarks" value=""> </textarea>
                                            </div>
                                            <p id="remarks_error" class='text-danger text-xs pt-1'>  </p>
                                    </div>
                                </div> 
                              
                                        
                                <div class="row mt-6">
                                    <div class="col-lg-4">
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="input-group">
                                            <button class='btn btn-icon btn-2 btn-success mb-0 me-1' type='button' onclick='Approved("{{ $workOrder->id }}","{{$workOrder->status_code}}");'>
                                                <span class='btn-inner--icon'><i class='fa-solid fa-check'></i> @lang('words.approve')</span>
                                            </button>
                                            
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="input-group">
                                            
                                            <button class='btn btn-icon btn-2 btn-danger mb-0 me-1' type='button' onclick='rejected("{{ $workOrder->id }}");'>
                                                <span class='btn-inner--icon'><i class='fa-solid fa-close'></i> @lang('words.reject')</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
       
</div>
            <div id="noDataMessage" class="container justify-content-center text-center" style="display: none;">
              @lang('words.nmresultsfound')
            </div>
        </div>
    </div>
    
</div>
@endsection

@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 downloadFile(filepath) {
        //var valFileDownloadPath = 'dks3/downloads/dks3tools.zip';
        //alert(filepath);
        window.open(filepath , '_blank');
       
    }
    
    function Approved(workOrderId, status_code) {

        var remarks = $.trim($('#remarks').val()); 
        console.log(remarks);

        if($.trim(remarks) == "")
        {
            $('#remarks_error').html('@lang('words.remarkshouldnotbeempty')');
            $('#remarks_error').show();
            
            return;
        }
        if (status_code=="313")
       {
         Swal.fire({
                icon: 'warning',
                title: '@lang('words.workorder')',
                text: '@lang('words.pleaseconfirmtoapprovemapcreation')',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-success mx-2',
                    cancelButton: 'btn btn-danger mx-2'
                },
                buttonsStyling: false
            }).then(function (result) {
                    if (result.isConfirmed)
                    {
                        approveWorkOrder(workOrderId);
                    }
                    
              });  
         return;  
       }
    }
    function rejected(workOrderId) {
    //     if (status_code=="110")
    //    {

        var remarks = $.trim($('#remarks').val()); 
        console.log(remarks);

        if($.trim(remarks) == "")
        {
            $('#remarks_error').html('@lang('words.remarkshouldnotbeempty')');
            $('#remarks_error').show();
            
            return;
        }
         Swal.fire({
                icon: 'warning',
                title: '@lang('words.workorder')',
                text: '@lang('words.pleaseconfirmtorejectmapcreation')',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-success mx-2',
                    cancelButton: 'btn btn-danger mx-2'
                },
                buttonsStyling: false
            }).then(function (result) {
                    if (result.isConfirmed)
                    {
                        rejectedWorkOrder(workOrderId);
                    }
                    
              });  
         return;  
      // }
    }
    
    function approveWorkOrder(workOrderId) {
    // Get the CSRF token from the page's meta tag
    var fd = new FormData();

    remarks = $.trim($('#remarks').val()); 
            
            fd.append('workOrderId',workOrderId);
            fd.append('remarks', remarks);
            
            fd.append('_token','{{csrf_token()}}');
            
    // Make an AJAX request
    $.ajax({
        url: '{{ route('mapapproveWorkOrder') }}',
        type: 'post',
            data:fd,
            contentType: false,
            processData: false,
            success: function(response){
                
                if (response.success)
                {
                    Swal.fire({
                                icon: 'success',
                                title: '@lang('words.workorder')',
                                text: '@lang('words.mapcreationapprovedsuccessfully')',
                                showCancelButton: false,
                                customClass: {
                                    confirmButton: 'btn btn-success mx-2'
                                },
                                buttonsStyling: false
                            }).then(function (result) {
                                window.location.href = "/home_mapqcassign";
                              });
                }
        },
        error: function(xhr, status, error) {
            
        }
    });
}
function openQC(workOrderId) {
   
    window.location.href = '/openqc/' + workOrderId ; 
}
function rejectedWorkOrder(workOrderId) {
    // Get the CSRF token from the page's meta tag
    var fd = new FormData();

    remarks = $.trim($('#remarks').val()); 
            
            fd.append('workOrderId',workOrderId);
            fd.append('remarks', remarks);
            
            fd.append('_token','{{csrf_token()}}');
            
    // Make an AJAX request
    $.ajax({
        url: '{{ route('maprejectedWorkOrder') }}',
        type: 'post',
            data:fd,
            contentType: false,
            processData: false,
            success: function(response){
                
                if (response.success)
                {
                    Swal.fire({
                                icon: 'success',
                                title: '@lang('words.workorder')',
                                text: '@lang('words.mapcreationrejectedsuccessfully')',
                                showCancelButton: false,
                                customClass: {
                                    confirmButton: 'btn btn-success mx-2'
                                },
                                buttonsStyling: false
                            }).then(function (result) {
                               // window.history.back();
                                window.location.href = "/home_qcassign";
                              });
                }
        },
        error: function(xhr, status, error) {
            
        }
    });
}
    
function profileSetting(user){
        window.location.href = "/profileView/"+user;
    }

</script>
@endpush