@extends('layouts.main')
@section('title','Assessment')
@section('content')
<div class="pcoded-content">
    <div class="hme-loading-mask">
        <div class="hme-loading-container">
            <div class="hme-dual-ring"></div>
            <div>Please wait, Loading...</div>
        </div>
    </div>
    <div class="pcoded-inner-content p-0">
        <div class="main-body">
            <div class="page-wrapper p-0">
                <div class="page-header p-15 m-b-0 pro-page-heading1">
                    <div class="page-header-title">
                        <h4>Assessment</h4>
                    </div>
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                @if(Auth::guard('corporate')->user()->user_type == 1)
                                    <a href="{{secure_url('company/dashboard') }}">
                                @elseif(Auth::guard('corporate')->user()->user_type == 2)
                                    <a href="{{secure_url('pro/company/proofreader') }}">
                                @endif 
                                        <span class="hiremee-home"></span>
                                    </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ secure_url('pro/my-assessments') }}">MYOT</a>
                            </li>
                        </ul>
                    </div>
                </div>
                @if(Session::get('success'))
                    <span class="js-pro-assessment-success" data-value="true" data-type="{{ Session::get('type') }}"></span>
                @endif
                <div class="page-body">
                    <div class="pageheader">
                        <div class="row">
                            <div class="col col-md-6 d-flex align-items-center">
                                My Assessments
                            </div>
                          <!--   <div class="col col-md-6 d-flex justify-content-end">
                                <a href="{{url('pro/create-assessments/1')}}" class="btn btn-warning orange">Create New Assessment</a>
                            </div> -->
                        </div>
                    </div>
                         
                    {{-- My assessment  Data --}}

                    <div class="card borderless-card m-b-0  bg-f7f7f7">
                        <div class="card-block" id="js-pro-assessment-list-div">
                        {!! $component !!}
                        </div>
                    </div>
                    @if($data->hasMorePages())
                        <div class="col-md-12">
                            <div class="text-center">
                              <input type="hidden" id="load-more" data-value="true">
                                <a href="javascript:;" style="margin: 15px;" class="btn btn-outline-info" id="js-mapped-assessment-list-loadmore" data-page='2'>Load more...</a>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="md-modal m-w-600 md-effect-1" id="js-commandmodal">
   <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="js-cmd-modal-close"><span class="hiremee-multiply f-18"></span></button>
      <div class="row p-l-15 p-r-15">
         <div class="col-sm-12 col-lg-12">
            <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b">Comments</h4>
            </div>
            <div class="row">
                <textarea  rows="5" class="form-control max-textarea" id="js-pro-ass-cmd"></textarea>
                <button id="js-pro-submit-cmd" class="btn btn-primary m-r-5">Submit</button>
            </div>
          </div>
         </div>
      </div>
   </div>
<div class="md-overlay"></div>
    @endsection

    @section('footer')

        <script type="text/javascript">
            var ass_id;
            $(document).on('click','#js-mapped-assessment-list-loadmore',function(){
                $('.hme-loading-mask').fadeIn();
                $.ajax({
                    url: baseUrl+'company/proofreader',
                    type: "get",
                    data: {'request_type':'remote','page':$(this).attr('data-page')},
                    success: function(response){
                        if (response.status == 200) {
                            $('#js-pro-assessment-list-div').append(response.component);
                            $('#js-pro-assessment-list-loadmore').attr('data-page',parseInt($('#js-pro-assessment-list-loadmore').attr('data-page'))+1);
                            if (response.hasmore == true) {
                                $('#js-pro-assessment-list-loadmore').show();
                            } else {
                                $('#js-pro-assessment-list-loadmore').hide();
                            }
                        } 
                        $(document).find('.js-pro-preview-not-available').tooltip();
                        $('.hme-loading-mask').fadeOut();
                    }, error : function(err){
                        $('.hme-loading-mask').fadeOut();
                        swal({
                            html: true, 
                            title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
                            text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
                            type: "error",
                            showCancelButton: false,
                            confirmButtonText: "OK",
                            closeOnConfirm: false,
                            confirmButtonColor: '#f0443a',
                        });
                    }
                })
            });
            $(document).on('click','.js-command-modal',function(){
                ass_id=$(this).data('id');
                $('#js-commandmodal').addClass('md-show');
            });
            $(document).on('click','#js-pro-submit-cmd',function(){
                var assessment_id=ass_id;
                var command=$('#js-pro-ass-cmd').val();
                if(command == "" || command == null){
                  swal({
                    html: true, 
                    title: '<span class="sweet-warning-text">Warning</span>', 
                    text: "Please Provide the comments",
                    type: "warning",
                    showCancelButton: false,
                    confirmButtonText: "OK",
                    closeOnConfirm: false,
                    confirmButtonColor: '#ffbc01',
                 });
                    return false;
                }else{
                     $('#js-pro-submit-cmd').text('Processing').prop('disabled',true);
                     $.ajax({
                        url: baseUrl+'/pro/update-assessment-command',
                        type: "post",
                        data: {'assessment_id':assessment_id,'command':command,'_token':$('meta[name=csrf-token]').attr('content')},
                        success: function(response){
                            if (response.status == 200) {
                                swal({
                                    html: true, 
                                    title: '<span class="sweet-success-text">'+response.message+'</span>', 
                                    type: 'success',
                                    showCancelButton: false,
                                    confirmButtonText: "OK",
                                    closeOnConfirm: false,
                                    confirmButtonColor: '#28e1bd',
                                });
                                $('#js-pro-ass-cmd').val("");
                                $('#js-pro-submit-cmd').text('Submit').prop('disabled',false);
                                $('#js-commandmodal').removeClass('md-show');
                            } 
                        }, error : function(err){
                            $('#js-pro-submit-cmd').text('Submit').prop('disabled',false);
                            swal({
                                html: true, 
                                title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
                                text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
                                type: "error",
                                showCancelButton: false,
                                confirmButtonText: "OK",
                                closeOnConfirm: false,
                                confirmButtonColor: '#f0443a',
                            });
                        }
                    })
                }   
               
            });
            $('#js-cmd-modal-close').click(function(){
                $('#js-commandmodal').removeClass('md-show');
            });
        </script>
    @endsection