{{View::make('layout.header')}}

<style>
    .table thead th,
    .table tbody td {
        padding: 5px 2px !important;
        text-align: center !important;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after {
        display: none;
    }

    .anyClass {
        height: 200px;
        overflow-y: scroll;
        border: 1px solid lightgray;
    }
</style>
<!-- BEGIN: Content-->
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">E-Leave</h2>
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item active"><a href="{{route('settings')}}">Settings</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="{{route('companylogo')}}">Restore</a>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
          

        </div>

        <div class="content-body">
            <section id="dashboard-ecommerce">

                <div class="row match-height">
                    <div class="col-md-12 ">
                        <div class="card">

              
                    
                            <div class="card-header">
                                
                                <div class="d-flex align-items-center">
                                    <h4 class="card-title"> Restore
                              </div>
                            </div>

                            <div class="card-body">
                            @if(session()->has('message'))
                                    <div class="alert alert-success">
                                        {{ session()->get('message') }}
                                    </div>
                                    @endif
                                    @if(session()->has('danger'))
                                    <div class="alert alert-danger">
                                        {{ session()->get('danger') }}
                                    </div>
                                    @endif
                                    <form id="upload-file" class="submit" enctype="multipart/form-data" method="POST">

                                    @csrf
                                    <div class="form-group">
                                        <label for="">Restore </label>
                                       <input type="file"name="file"class="form-control"id="file">
                                       <span class="text-danger error-text file_err"id="file_error"></span>
                                    </div>
                                    <div id="buttonreplacement" style="margin-left:30px; display:none;"><img src="http://www.willmaster.com/images/preload.gif" alt="loading..."></div>
                                    <div id="message3" class="my-1"></div>

                                    <button type="submit" class="btn btn-info ">Apply</button>
                                </form>



                            </div>

                            <!-- <div class="container mt-5">
                                <h1 class="mb-2">Caching Data to Table</h1>

                                @if($progressData)  
                                    <div class="card mb-3">
                                        <div class="card-body">
                                            <h5 class="card-title">
                                                @if($progressData->status == 1)
                                                    <span class="badge bg-success">Completed</span>
                                                @elseif($progressData->status == 2)
                                                    <span class="badge bg-warning text-dark">In Progress</span>
                                                @elseif($progressData->status == 0)
                                                    <span class="badge bg-secondary">Not Started</span>
                                                @else
                                                    <span class="badge bg-danger">Unknown Status</span>
                                                @endif
                                            </h5>
                                            <p class="card-text">Progress: 
                                                <div class="progress" style="height: 20px;">
                                                    <div 
                                                        class="progress-bar" 
                                                        role="progressbar" 
                                                        style="width: {{ $progressData->progress }}%;" 
                                                        aria-valuenow="{{ $progressData->progress }}" 
                                                        aria-valuemin="0" 
                                                        aria-valuemax="100">
                                                        {{ $progressData->progress }}%
                                                    </div>
                                                </div>
                                            </p>
                                        </div>
                                    </div>
                                @else
                                    <p> No caching data available.</p>
                                @endif
                            </div> -->


                        </div>

                    </div>


                </div>
        </div>
    </div>
    </section>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">

$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $('#upload-file').submit(function (e) {
        e.preventDefault();
        let formData = new FormData(this);
        document.getElementById("buttonreplacement").style.display = ""; // to display

        $.ajax({
            type: 'POST',
            url: "{{ route('restore')}} ",
            data: formData,
            contentType: false,
            processData: false,
            success: function (data) {

                if ($.isEmptyObject(data.error)) {
                    document.getElementById("file_error").style.display = "none"; // to undisplay
                    document.getElementById("buttonreplacement").style.display = "none"; // to undisplay
                 
                    showMessage3("File Imported  Successfully ");
                    $("#upload-file")[0].reset();
                   
                      // Hit the /caching-sheet URL without redirecting
               fetch("{{ route('caching-sheet') }}")
                .then(response => response.json())  // assuming you expect a JSON response
                .then(data => {
                    console.log("URL hit successfully", data);
                })
                .catch(error => {
                    console.error("Error hitting the URL", error);
                });
                    
                }
                else {
                    document.getElementById("buttonreplacement").style.display = "none"; // to undisplay
                    printErrorMsg(data.error);
                }

            }
        });
    });

    function showMessage3(message) {
        $("#message3").html("<span style='color:green;'>" + message + "</span>");
    }
    function printErrorMsg(msg) {
        $.each(msg, function (key, value) {
            console.log(key);
            $('.' + key + '_err').text(value);
        });
    }

</script>
<!-- END: Content-->
{{View::make('layout.footer')}}
@include('inc.updateleave-modal')