@extends('administrator.layout')
@section('admintitle', 'Earning')
@section('content')
<style>

</style>

<div class="container-fluid pt-4 px-4">
    <div class="row g-4">
        <div class="col-12">
            <div class="bg-light rounded h-100 p-4">
                @if (session()->has('success'))
                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.success') }} !</strong> {{ session()->get('success') }}.
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session()->has('error'))
                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.error') }} !</strong> {{ session()->get('error') }}.
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                <div class="row mb-4 mt-0">
                    <div class="col-md-9 mt-3">
                        <h4>{{ __('text.earning') }}  {{$symbol}}{{ $total }}</h4>
                    
                       
                    </div>
                    <div class="col-md-3 mt-1 text-end">


   
        <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#confirmModal">{{ __('text.delete') }}</button>
    

                   </div>
                </div>

                
           <div class="table-responsive">

  

                    <table class="table">
                        <thead>
                            <tr>
                              
                                <!--<th scope="col">{{ __('text.customer') }}</th>-->
                                <th><input type="checkbox" id="selectAll"></th>
                                <th scope="col">{{ __('text.commission') }}</th>
                                <th scope="col">{{ __('text.description') }}</th>
                                <th scope="col">{{ __('text.referral') }}</th>
                                <th scope="col">{{ __('text.date') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                          @forelse($data as $index => $d)  
                                     <tr>
                                   
                                
                                <!--<td>{{ $d->customer_id }}</td>-->
                                 <!--<td>{{$symbol}}{{ $d->amount }}</td>-->
                                 <td><input type="checkbox" name="earnings_ids[]" value="{{ $d->earning_id }}"></td>
                                <td>{{$symbol}}{{ $d->commission }}</td>
                                <td>{{ $d->description }}</td>
                                <td>{{ $d->referral_id}}</td>
                                <td>{{ date('Y-m-d', strtotime($d->date_added)) }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center">{{ __('text.no_records_found') }}</td>
                            </tr>
                            @endforelse
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="6">
                                    <div class="d-flex justify-content-center pagination-ulevel">
                
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="d-flex showing-page">
                                      {{ $data->links() }}
               </div>
            </div>
        </div>
    </div>
</div>
            <!-- Table End -->
<!-- Confirmation Modal -->
<div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                 <h5 class="modal-title" id="confirmModalLabel">{{ __('text.confirms') }} {{ __('text.delete') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
               {{ __('text.confirm') }}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('text.cancel') }}</button>
                <button type="button" class="btn btn-danger" id="confirmDeleteButton">{{ __('text.delete') }}</button>
            </div>
            </div>
        </div>
    </div>
</div>

                    <script>
                        document.getElementById('selectAll').addEventListener('click', function(e) {
                            var checkboxes = document.querySelectorAll('input[type="checkbox"]');
                            for (var checkbox of checkboxes) {
                                checkbox.checked = this.checked;
                            }
                        });

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

<script>
    $(document).ready(function() {
        $('#confirmDeleteButton').on('click', function() {
            var selectedearnings = [];
            $('input[name="earnings_ids[]"]:checked').each(function() {
                selectedearnings.push($(this).val());
            });

            if (selectedearnings.length > 0) {
                $.ajax({
                    url: '{{ route('admin_delete_earnings') }}', // Replace with your route
                    type: 'POST',
                    data: {
                        earnings_ids: selectedearnings,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        console.log('Earnings deleted successfully');

                        // Show success message
                        $('#deleteSuccessMessage').removeClass('d-none');

                        // Hide modal
                        $('#confirmModal').modal('hide');

                        // Reload page after 2 seconds
                        setTimeout(function() {
                            window.location.reload();
                        }, 2000);
                    },
                    error: function(xhr, status, error) {
                        console.error('Error deleting earnings:', error);
                        alert('Error deleting earnings');
                    }
                });
            } else {
                alert('Please select earnings to delete');
            }
        });

        // Select/Deselect all checkboxes
        $('#selectAll').on('change', function() {
            $('input[name="earnings_ids[]"]').prop('checked', this.checked);
        });
    });
</script>


@endsection