@include ('layouts.header')
<style>
    .tabs{
    float:right;
    }
     </style>

<div class="container">
    <div class="card">
<a href="{{ url('exit') }}" class="cancel" style="float:right">Back</a>
        <h4>ALLZONE - EXIT INTERVIEW FORM</h4>
        <div class="row mt-4">
            <i>Take a moment and complete the following questionnaire...</i>
        </div>
          <div class="tabs">
               
                <button type="button" class="btn btn-light" onclick="showTab('tab1')">Part I</button>
                <button type="button" class="btn btn-light" onclick="showTab('tab2')">Part II</button>
                <button type="button" class="btn btn-light" onclick="showTab('tab3')">Part III</button>
                <button type="button" class="btn btn-light" onclick="showTab('tab4')">Part IV</button>
         </div>

                <form action="{{ url('exit_form/' . $employee->EmployeeCode) }}" method="POST" id="formData">
                @csrf
                <div class="tab" id="tab1">
                    <h4 class="text-left">Personal Information</h4><br>

                    <div class="row mt-2">
                        <div class="col-6">
                            <input type="hidden" name="id" id="exid" value="{{ $employee->EmployeeCode }}">
                            <label>Emp Name</label>
                            <input type="text" name="name" value="{{ $employee->FirstName }}"><br>
                            <label>Emp Number: </label>
                            <input type="text" name="code" value="{{ $employee->EmployeeCode }}"><br>
                            <label>Mobile Number</label>
                            <input type="text" name="mobile" value="{{ $employee->MobileNumber }}"><br>
                            <label>Gender</label>
                            <input type="text" name="gender" value="{{ $employee->Gender }}"><br>
                            <label>Department</label>
                            <input type="text" name="department" value="{{ $employee->Department }}"><br>
                        </div>
                 <div class="col-6">
                     <label>Designation</label>
                    <input type="text" name="desg" value="{{ $employee->Designation }}"><br>
                     <label>Date of Joining: </label>
                     <input type="text" name="doj" value="{{ \Carbon\Carbon::parse($employee->DateOfJoining)->format('d-m-Y') }}"><br>
                     <label>Date Of Leaving</label>
                        <input type="text" name="dor" value=""><br>
                        <label>Imd Supervisor Name: </label>
                        <input type="text" name="sname" value="{{ !empty($employee->sname) ? $employee->sname : '' }}"><br>
                        <label>Manager</label>
                        <select name="mname" id="mname" class="form-control">
                            @foreach ($manager as $mgr)
                                <option value="{{ $mgr->manager }}" {{ $employee->ReportingManager == $mgr->manager ? 'selected' : '' }}>
                                    {{ $mgr->manager }}
                                </option>
                            @endforeach
                        </select>
                        </div>
                        <label>Details of Projects Worked: </label>
                        <textarea name="work" class="form-text" row="4" col="20">{{'' ?? '' }} </textarea><br>

                        <div class="nav-buttons">
                            <button type="button" onclick="showTab('tab2')">Next</button>
                        </div>
                    </div>
                </div>

                <div class="tab" id="tab2">
                    <h4 class="text-left">Q & A</h4></br>
                   <h5>1. Why are you leaving the job?</h5>
                   <textarea class="form-text" row="2" col="20" name="leaving">  </textarea></br>
                   <h5>2. What were the most important factors in your deciding to take a new job? </br>
                    Salary? Benefits? Time off? Something else?</h5>
                   <textarea class="form-text" row="2" col="20" name="factor"> </textarea></br>
                   <h5>3.Did your current job meet your expectations?</h5>
                   <textarea class="form-text" row="2" col="20" name="expectation"></textarea></br>
                   <h5>4.Did you receive adequate support and training in your job?</h5>
                   <textarea class="form-text" row="2" col="40" name="support"></textarea></br>
                    <h5>5.What did you like about your job?</h5>
                    <textarea class="form-text" row="2" col="20" name="likejob"></textarea></br>
                    <h5>6.What did you dislike about your job?</h5>
                    <textarea class="form-text" row="2" col="20" name="dislike"></textarea></br>
                   <h5>7.What change is required to carry out your job?</h5>
                   <textarea class="form-text" row="2" col="20" name="carry"></textarea></br>
                  <div class="nav-buttons">
                    <button type="button" onclick="showTab('tab1')">Previous</button>
                    <button type="button" onclick="showTab('tab3')">Next</button>
                </div>
             </div>
             
             <!-- Repeat the same pattern for other tabs -->

                <div class="tab" id="tab3">
                    <h4 class="text-left">Q & A</h4><br>
                        <h5>8.Did you receive enough training to do the job effectively? </h5>
                    <textarea class="form-text" row="2" col="20" name="training"></textarea></br>
                    <h5>9.Did you receive enough support to do your job effectively?  </h5>
                    <textarea class="form-text" row="2" col="20" name="support"></textarea></br>
                    <h5>10.How did you feel about the supervision you received?</h5>
                    <textarea class="form-text" row="2" col="20" name="supervision"></textarea></br>
                    <h5>11.What was your working relationship with your manager like?</h5>
                    <textarea class="form-text" row="2" col="20" name="relationship"></textarea></br>
                    <h5>12. How do you feel about the feedback you received from your manager?</h5>
                    <textarea class="form-text" row="2" col="20" name="feedback"></textarea><br>
                    <h5>13. How would you describe your relationship with your colleagues?</h5>
                    <textarea class="form-text" row="2" col="20" name="colleagues"></textarea><br>
                    <h5>14. How would you rate the working environment and do you have any suggestions for improvement?</h5>
                    <textarea class="form-text" row="2" col="20" name="suggestions"></textarea><br>
                    <div class="nav-buttons">
                        <button type="button" onclick="showTab('tab2')">Previous</button>
                        <button type="button" onclick="showTab('tab4')">Next</button>
                    </div>
                </div>
                
        <div class="tab" id="tab4">
            <h5>15. Do you have any suggestions regarding organizational policies and procedures?</h5>
            <textarea class="form-text" row="2" col="40" name="policies"></textarea><br>
             <h5>16. Did you have clear objectives in your job</h5>
             <textarea class="form-text" row="2" col="40" name="objectives"></textarea><br>
             
             <h5>17. How were these objectives communicated to you?</h5>
             <textarea class="form-text" row="2" col="40" name="communicated"></textarea><br>
              <h5>18. what is positive about this organization?</h5>
             <textarea class="form-text" row="2" col="40" name="positive"></textarea><br>
             
             <h5>19. In what ways can the organization improve?</h5>
             <textarea class="form-text" row="2" col="40" name="improve"></textarea><br>
             <h5>20. Would you work for the company in the future?</h5>
             <textarea class="form-text" row="2" col="40" name="future"></textarea><br>

                    <h5>21. Would you recommend this company to any of your friends looking for this job?</h5>
                    <textarea class="form-text" row="2" col="40" name="recommend"></textarea><br>
                    <h5>22. Do you have any questions or comments?</h5>
                    <textarea class="form-text" row="2" col="40" name="questions"></textarea><br>
                  

                    <div class="nav-buttons">
                        <button type="button" onclick="showTab('tab3')">Previous</button>
                        <button type="button" onclick="submitForm()">Submit</button>
                        <button type="button" id="generatePdfButton" class="btn btn-info">View PDF</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
        function showTab(tabId) {
            // Hide all tabs
            var tabs = document.querySelectorAll('.tab');
           
            tabs.forEach(function(tab) {
                tab.classList.remove('active');
            });

            // Show the selected tab
            document.getElementById(tabId).classList.add('active');
        }
</script>

<script>
function generatePdf() {
    // Get the form data
    var formData = $('#formData').serialize();
    var exid = $('#exid').val();

    // Send the AJAX request
    $.ajax({
        type: 'POST',
        url: '/generate_pdf/' + exid,
        data: formData,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        xhrFields: {
            responseType: 'blob'
        },
        success: function(response) {
            // Create an object URL to open the PDF in a new window
            var url = window.URL.createObjectURL(response);
            var pdfWindow = window.open(url, '_blank');
        }
    });
}

$('#generatePdfButton').click(function() {
    generatePdf();
});

</script>
<script>
 $(document).ready(function () {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    });

    // Function to handle the form submission via AJAX
    function submitForm() {
        var formData = $('#formData').serialize(); // Serialize form data
       
        $.ajax({
            type: 'POST',
            url: $('#formData').attr('action'), // Get the form's action URL
            data: formData, // Send the serialized form data
            success: function (response) {
                alert('Form submitted successfully!');
            },
            error: function (response) {
                alert('Error occurred during form submission.');
            }
        });
    }
</script>