@extends('layouts.layout')
@section('content')
    <div class="page-body">
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="page-header-left">
                            <h3>{{ $title }}
                                <small>Diamond Admin panel</small>
                            </h3>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ol class="breadcrumb pull-right">
                            <li class="breadcrumb-item">
                                <a href="{{ route('admin.dashboard') }}">
                                    <i data-feather="home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item">Sama price</li>
                            <li class="breadcrumb-item active">{{ $title }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->

        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            {{-- <a href="{{ $acion_url }}"  class="btn btn-outline-primary"><i class="fa fa-spinner fa-spin d-none"></i> Export Price
                                <i class="fa fa-download"></i></a> --}}
                            @if ($task_status['status'] == 'completed' || $task_status['status'] == 'failed')
                                <button class="btn btn-outline-primary" id="export_btn"><i
                                        class="fa fa-spinner fa-spin d-none"></i> Export Price
                                    <i class="fa fa-download"></i></button>
                            @else
                                <button class="btn btn-outline-primary" id="export_btn" disabled><i
                                        class="fa fa-spinner fa-spin "></i> Export Price
                                    <i class="fa fa-download"></i></button>
                            @endif
                        </div>

                        <div class="card-body">
                            <div class="table-responsive table-desi">
                                <table class="all-package coupon-table table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Filename</th>
                                            <th>Options</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($list as $item)
                                            <tr>
                                                <td>{{ $item->filename }}</td>
                                                <td>
                                                    <a href="{{ route('download.file.system',['path'=>'exported_sama_price/'. $item->filename]) }}"
                                                        class="badge badge-success"><i
                                                            class="fa fa-download text-white"></i></a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div
                                class="dataTables_paginate paging_simple_numbers d-flex justify-content-between align-items-center">
                                <div>
                                    Showing {{ $list->firstItem() }} to {{ $list->lastItem() }} of total
                                    {{ $list->total() }} entries
                                </div>
                                <div class="float-end">
                                    <p>{{ $list->links() }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
    </div>

    @push('scripts')
        <script>
            $("#export_btn").click(function() {
                // e.preventDefault();
                var url = "{{ $action_url }}";
                $.ajax({
                    url: url, // Use the form's action URL
                    type: 'GET',
                    beforeSend: function() {
                        // setting a timeout
                        $("#export_btn").attr('disabled', true);
                        $(".fa-spin").removeClass('d-none');
                    },
                    success: function(response) {
                        console.log(response);
                        if (response.res === "success") {
                            iziToast.success({
                                title: 'OK',
                                message: response.msg,
                            });
                            // Clear existing table rows
                            $("#export_btn").attr('disabled', false);
                            $(".fa-spin").addClass('d-none');
                            location.reload()
                        } else {
                            $("#export_btn").attr('disabled', false);
                            $(".fa-spin").addClass('d-none');
                        }
                    },
                    error: function(xhr, status, error) {
                        // Handle error (e.g., file upload error, validation error)
                        console.log('Error: ' + error);
                        alert('There was an error uploading the file.');
                    }
                });
            })

            // function downloadFile(path) {
            //     var url = "{{ route('download.file.system', ['path' => ':path']) }}";
            //     downloadUrl = url.replace(':path', path);
            //     window.location.href = downloadUrl;
            // }
        </script>
    @endpush
@endsection