@include('layouts.header')

 <div class="container-fluid">
       
            <div class="page-header">
                <select id="pageSelect" class="custom-select">
                    <option value="">Select an option</option>
                    <option value="{{ url('view_ack') }}">View Acknowledge</option>
                    <option value="{{ url('view_nda') }}">View NDA</option>
                   <option value="{{ url('view_offer') }}">View Offer Letter</option>
                    <option value="{{ url('view_confirm') }}">View Confimation</option>
                    <option value="{{ url('view_memo') }}">Generate Memo</option>
                    <option value="{{ url('view_warning') }}">Generate Warnings</option>
                    <option value="{{ url('view_appraisal') }}">View Appraisal</option>
                    <option value="{{ url('view_relieving') }}">View Relieving</option>
                </select>
                
            <div class="testbox">
                    <a href="{{ url('show_proof') }}" class="btn btn-success">View Proof</a>
                    <a href="{{ url('show_ndaoffer') }}" class="btn btn-info">Documents</a>
                    <a href="{{ url('chn_handbook') }}" class="btn btn-success" target="self">Handbook</a>
            </div>
    </div>
    
    <div class="section-title">Files Upload</div>
            <form class="form-split" action="{{ route('upload.upload') }}" method="POST" enctype="multipart/form-data">
                @csrf
            <label for="category">Choose Category</label>
                <select name="Choose-Category" id="category" class="form-control">
                    <option value="">Select choice</option>
                    <option value="Employee Data">Employee Data</option>
                    <option value="Employee Master">Employee Master</option>
                    <option value="Employee Experience Data">Employee Experience Data</option>
                    <option value="Employee Education Data">Employee Education Data</option>
                    <option value="Employee Certificate">Employee Certificate</option>
                     <option value="Employee Proof">Employee Proof</option>
                </select>

                @if(session('message'))
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                        <strong>Hi! {{ auth()->user()->username }}!</strong> {{ session('message') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                
                
        <div class="drop_box">
             <div>Select File here<span> <i>Files Supported: CSV</i> </span></div>
                <div id="fileList"></div>
                <label for="fileID"><i class="fa fa-cloud-upload"></i> Choose File</label>
                <input type="file" name="file" hidden accept=".csv" id="fileID" onchange="javascript:updateList()">
                <button type="submit" class="upload" name="save_excel_data">Upload</button>
            </div>
        </form>
        </div>
    </div>


    
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        updateList = function () {
            var input = document.getElementById('fileID');
            var output = document.getElementById('fileList');
            output.innerHTML = '<h3>';
            for (var i = 0; i < input.files.length; ++i) {
                output.innerHTML += '<label>' + input.files.item(i).name + '</label>';
            }
            output.innerHTML += '</h3>';
        }

        $(document).ready(function () {
            $('form input').change(function () {
                // alert("test");
                $('form p').text(this.files.length + "file(s) selected");
            });

            $('#pageSelect').change(function() {
                var selectedPage = $(this).val();
                if (selectedPage) {
                    window.location.href = selectedPage;
                }
            });
       
     $('#openPdfButton').click(function() {
    // Make AJAX request to get the PDF URL from the controller
    $.ajax({
      url: '{{ url('handbook') }}',
      method: 'GET',
      success: function(response) {
       // Open the PDF in a new tab
        window.open(response.dpath, '_blank');
      },
      error: function() {
        alert('Error loading the handbook');
      }
    });
  });
});
</script>
  @include('layouts.footer')