@extends('layouts.admin')
@section('content')
    <section class="section">
        @php
            $sNo = request()->page ? request()->page * 10 - 10 : 0;
        @endphp
        <div class="section-body">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-12">
                    <div class="card">
                        <div class="card-header custom-cart-header">
                            <h4>Vendor Affiliate Code List</h4>
                            <div class="new-card-header-form custom-search-form">
                                <a class="btn btn-primary btn-lg float-end" href="{{ route('admin.sponsor_code.create') }}">Add Code</a>
                            </div>
                        </div>
                        <div class="card-body">
                            {{-- <form action="{{ route('admin.sponsor_code.index') }}" method="GET">
                            <div class="row mb-3">
                                <div class="col-md-4">
                                    <input type="text" name="search" class="form-control"
                                        placeholder="Search..." value="{{ request('search') }}">
                                </div>

                                <div class="col">
                                    <button type="submit" class="btn btn-primary">Search</button>
                                    <a href="{{ route('admin.sponsor_code.index') }}" class="btn btn-secondary">Clear</a>
                                </div>
                            </div>
                        </form> --}}
                            <div class="table-responsive">
                                <table id="sortable-table" class="table table-striped table-md">
                                    <thead>
                                    <tr>
                                        <th>#Sno.</th>
                                        <th>Vendor Name </th>
                                        <th>Program</th>
                                        <th>Discount Code</th>
                                        <th>Total Affiliate Rebate %</th>
                                        <th>Published Membership %</th>
                                        <th>Status</th>
                                        <th>Created On</th>
                                        <th>Expiration Date</th>
                                        <th>Edit</th>
                                        <th>Delete</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse ($sponsor_codes as $key=>$sponsor_code)
                                        <tr data-id="{{ $sponsor_code->id }}">
                                            <td>{{ $sNo + $key + 1 }}</td>
                                            <td>{{ @$sponsor_code->full_name ?? 'N/A' }}</td>
                                            <td>{{ $sponsor_code->program_name }}</td> 
                                            <td>{{ $sponsor_code->discount_code ?? "" }}</td> 
                                            <td>{{ $sponsor_code->total_rebate }}</td>
                                            <td>{{ $sponsor_code->published_membership }}</td>
                                            <td>
                                                <label>
                                                    <input type="checkbox" class="custom-switch-input"
                                                        @if ($sponsor_code->status == '1') checked="checked" @endif
                                                        onchange="toggleStatus(this, 'SponsorCode', '{{ jsencode_userdata($sponsor_code->id) }}');">
                                                    <span class="custom-switch-indicator"></span>
                                                </label>
                                            </td>
                                            <td>{{ $sponsor_code->created_at }}</td>
                                            <td>{{ $sponsor_code->expiration_date }}</td>
                                            <!-- <td class="text-ellipse">{{ $sponsor_code->description }}</td> -->
                              
                                            <td>
                                                <div class="db-comman-acton-btns">
                                                    <a class="btn btn-success icon-font-size"
                                                        href="{{ route('admin.sponsor_code.create', [jsencode_userdata($sponsor_code->id)]) }}"
                                                        title="Edit">
                                                        <i class="fa-solid fa-pen-to-square fa-2xl"
                                                            style="color: #0453d2;"></i>
                                                    </a>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="db-comman-action-bt">
                                                    <a class="btn btn-danger delete-category confirm-delete"
                                                        href="{{ route('admin.sponsor_code.delete', [jsencode_userdata($sponsor_code->id)]) }}"
                                                        title="Delete">
                                                        <i class="fa-solid fa-trash fa-2xl" style="color: #ff0019;"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="no-record-found" colspan="8">
                                                <center>Did not found any sponsor_code</center>
                                            </td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                                {{-- <div class="card-footer">
                                <div class="text-right">
                                    <nav class="d-inline-block"> --}}
                               
                                    {{ $sponsor_codes->appends(request()->input())->links() }}
    
                                {{-- </nav>
                                </div>
                            </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
{{-- @push('pagespecificscripts')
    <script>
        $(document).ready(function() {
            // Set CSRF token for all AJAX requests
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $("#sortable-table tbody").sortable({
                axis: "y",
                handle: "td", // or add a specific handle class
                helper: function(e, tr) {
                    var $originals = tr.children();
                    var $helper = tr.clone();
                    $helper.children().each(function(index) {
                        $(this).width($originals.eq(index).width());
                    });
                    return $helper;
                },
                update: function(event, ui) {
                    var order = [];
                    $('#sortable-table tbody tr').each(function(index) {
                        order.push({
                            id: $(this).data('id'),
                            order: index + 1
                        });
                    });

                    $.ajax({
                        url: "{{ route('admin.sponsor_code.order.update') }}",
                        method: "POST",
                        data: {
                            order: order
                        },
                        success: function(response) {
                            // const queryString = window.location.search;
                            // const urlParams = new URLSearchParams(queryString);

                            // // Get a specific parameter
                            // const page = urlParams.get('page') ? urlParams.get('page') *
                            //     10 - 10 : 0;
                            if (response.status) {
                                // Optional: Update order numbers visually
                                $('#sortable-table tbody tr').each(function(index) {
                                    // $(this).find('td:eq(2)').text(index + 1);
                                    $(this).find('span.row-index').text( index + 1);
                                });
                            }
                        },
                        error: function(xhr) {
                            console.error('Error:', xhr.responseText);
                        }
                    });
                }
            }).disableSelection();
        });
    </script>
@endpush --}}