@extends('layouts.main')
@section('title','My 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>My Assessments</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('recruiter/dashboard') }}">
                                        @endif 
                                        <span class="hiremee-home"></span>
                                    </a>
                                </li>
                                <li class="breadcrumb-item"><a href="{{ secure_url('pro/my-assessments') }}">My Assessments</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">
               
            </div>
            <div class="col col-md-6 d-flex justify-content-end">
               <div class="col-md-8 hme-select-style adjust-arrows">
                                          {!! Form::select("assesment_name",$assesment_name->prepend('Search',''),"",["class"=>"hme-select-style js-select2","id" => "assesment_search","style"=>"width:100%;"])!!}
                                   </div>&nbsp;&nbsp;&nbsp;
                                    <button class="btn btn-danger c-white waves-effect" id="assesment_dropdown-refresh">Refresh</button>
                                    &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{{url('pro/create-assessments/1')}}" class="btn btn-warning orange">Create 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-pro-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="modal-assess">
        <div class="md-content">
        <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="clear_topic_modal"><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">New Assessment</h4>
                </div>

                <div class="form-group row">
                    <div class="col-md-4">
                        <label>Assessment Name</label>
                    </div>
                    <div class="col-md-6">                        
                        <input type="text" name="clone_asses_name" value="" id="clone_asses_name" class="form-control">
                        <input type="hidden" name="cloned_assess_id" value="" id="cloned_assess_id">
                    </div>
                    
                </div> 

                <button type="button" class="btn btn-warning orange clone_assessment_new" id="clone_assessment_new" >Create Assessment</button>
            </div>
        </div>
        </div>
</div>

<div class="md-modal m-w-600 md-effect-1" id="modal-assess-delete">
        <div class="md-content">
        <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="asses_delete_modal"><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">Are you sure do you want delete this assessment..!</h4>
                <input type="hidden" name="delete_assess_id" value="" id="delete_assess_id" class="form-control">
                </div>             
                
            </div>
            </div>
                <div class="d-flex justify-content-center">
                    <div class="mr-2">
                        <button type="button" class="btn btn-warning  delete_asses_no" id="delete_asses_no" >No</button>
                       
                    </div>
                    <div>                       
                        <button type="button" class="btn btn-primary  delete_asses_yes" id="delete_asses_yes" >Yes</button>
                    </div>
                </div>
        </div>
        </div>
<div class="md-overlay"></div>

    
    @endsection
@section('footer')
<script type="text/javascript">    


    $(".clone_assessment_new").click(function(e) {

        var assessment_id_clone = $('#cloned_assess_id').val();
        var assessment_name_clone = $('#clone_asses_name').val();

         $(".clone_assessment_new").prop('disabled',true);      

        if(assessment_name_clone.trim() != ''){

            $('#modal-assess').removeClass('md-show');
            //$('.hme-loading-mask').fadeIn();
              history.pushState(null, null, location.href);
              window.onpopstate = function () {
                location.reload();
              };

            $.ajax({
                url:"{{ secure_url('pro/myot-assessment-setting-clone')}}",
                type:"POST",
                data:{
                        'assessment_id':assessment_id_clone,
                        'assessment_name_clone': assessment_name_clone
                    },
                success:function(response){
                    //console.log(response);
                    if(response.status == 200){
                           
                        $(".clone_assessment_new").prop('disabled',false);
                        //$('.hme-loading-mask').fadeOut();

                        swal({
                          html: true, 
                          title: '<span class="sweet-success-text">Created Successfully..</span>',
                          type: 'success',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        },function(){
                            window.location.href ="{{ secure_url('pro/my-assessments') }}";
                        });                                              

                    }else{
                        $(".clone_assessment_new").prop('disabled',false);

                        swal({
                          html: true, 
                          title: '<span class="sweet-danger-text">'+response.error+'</span>',
                          type: 'error',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        });
                    }
                
                },
                error: function (error) {

                }
            });

        }else{

            //alert('Please Fill Assessment Name..!');

            swal({
              html: true, 
              title: '<span class="sweet-danger-text">Please Fill Assessment Name..!</span>',
              type: 'error',
              confirmButtonColor: '#28e1bd',
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });
            $(".clone_assessment_new").prop('disabled',false);

        }           

        return false;

    });

   $(".delete_asses_yes").click(function(e) {

    var assessment_id_clone = $('#delete_assess_id').val();

        if(assessment_id_clone != ''){

            $('#modal-assess-delete').removeClass('md-show');
            //$('.hme-loading-mask').fadeIn();

            $.ajax({
                url:"{{ secure_url('pro/delete-assessment-clone')}}",
                type:"POST",
                data:{
                        'assessment_id':assessment_id_clone                        
                    },
                success:function(response){
                    //console.log(response);
                    if(response.status == 200){ 

                        history.pushState(null, null, location.href);
                        window.onpopstate = function () {
                          location.reload();
                        };

                        swal({
                          html: true, 
                          title: '<span class="sweet-success-text">Assessment Deleted Successfully..!</span>',
                          type: 'success',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        },function(){
                            window.location.href ="{{ secure_url('pro/my-assessments') }}";
                        });

                    }else{

                        swal({
                          html: true, 
                          title: '<span class="sweet-danger-text">Something went to wrong..!</span>',
                          type: 'error',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        });
                    }
                
                },
                error: function (error) {

                }
            });

        }else{          

            swal({
              html: true, 
              title: '<span class="sweet-danger-text">Something went to wrong..!</span>',
              type: 'error',
              confirmButtonColor: '#28e1bd',
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });

        }           

        return false;

});

$("body").on('click',".delete_assessment",function() {
    $('#delete_assessment').val('');    
    var assessment_id = $(this).attr('data-id');    
    $('#delete_assess_id').val(assessment_id);
    $('#modal-assess-delete').addClass('md-show');
});




$("body").on('click',".clone_assessment",function() {
    $('#cloned_assess_id').val('');
    $('#clone_asses_name').val('');
    var assessment_id = $(this).attr('data-id');    
    $('#cloned_assess_id').val(assessment_id);
    $('#modal-assess').addClass('md-show');
});

$('#clear_topic_modal').click(function(){
    $('#modal-assess').removeClass('md-show');
});
$('#asses_delete_modal').click(function(){
    $('#modal-assess-delete').removeClass('md-show');
});

$('#delete_asses_no').click(function(){
    $('#modal-assess-delete').removeClass('md-show');
});

</script>
@endsection