@extends('layouts.app')
@section('content')
<div class="content-header">

    <div class="row">
        @if ($message = Session::get('success'))
        <div class="col-md-12">
            <div class="alert alert-success alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                {{ $message }}
            </div>
        </div>
        @endif
        @if ($message = Session::get('erorr'))
        <div class="col-md-12">
            <div class="alert alert-danger alert-dismissible">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                {{ $message }}
            </div>
        </div>
        @endif
    </div>
</div>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form id="uploadForm" action="{{ route('destinations.upload') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="file">Choose Excel File:</label>
                                <input type="file" class="form-control-file" id="file" name="file" required accept=".xlsx, .xls">
                            </div>
                            <a class="btn btn-danger" href="{{ route('destinations.index') }}">Back</a>
                            <button type="button" id="btn-upload" class="btn btn-primary">Upload</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
    $(document).ready(function() {
        $('#btn-upload').click(function() {
            var formData = new FormData($('#uploadForm')[0]);

            $.ajax({
                url: "{{ route('destinations.upload') }}",
                type: "POST",
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function() {
                    Swal.fire({
                        title: 'Uploading...',
                        allowOutsideClick: false,
                        onBeforeOpen: () => {
                            Swal.showLoading();
                        }
                    });
                },
                success: function(response) {
                    Swal.fire({
                        title: response.success ? 'Upload Successful!' : 'Upload Partially Successful!',
                        text: `Total Successful: ${response.successCount}\nTotal Errors: ${response.errorCount}`,
                        icon: response.success ? 'success' : 'warning'
                    }).then(() => {
                        if (response.errorCount > 0) {
                            // Stay on the same page after error
                            window.location.href = response.downloadUrl;
                        } else {
                            window.location.href = "{{ route('destinations.index') }}";
                        }
                    });
                },
                error: function(xhr, status, error) {
                    Swal.fire({
                        title: 'Error!',
                        text: 'Error uploading file: ' + xhr.responseText,
                        icon: 'error'
                    }).then(() => {
                        // Stay on the same page after error
                    });
                }
            });
        });
    });
</script>
@endsection