@extends('admin.layouts.app')
@section('panel')

    <div class="row">
        <div class="col-lg-12">
            <div class="card b-radius--10 ">
                 <div class="card-header bg-white ">
                <form class="form-group" action="{{ route('admin.option-group.index') }}">
                    <div class="row">
                        <div class="col-md-4">
                            <input type="text" name="name" class="form-control" placeholder="Please Enter Option Name">
                        </div>
                        <div class="col-md-3">
                            <button class="btn btn-success " value="Submit" type="submit">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
                <div class="card-body p-0">
                    <div class="table-responsive--sm table-responsive">
                        <table class="table table--light style--two custom-data-table">
                            <thead>
                            <tr>
                                <th>@lang('id')</th>
                                <th>@lang('Name')</th>
                                <th>@lang('Status')</th>

                                <th>@lang('Action')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($SellerTypeGroup as $option)
                                <tr>
                                    <td>{{__($option->id)}}</td>
                                    <td>{{__($option->name)}}</td>
                                    <td>{{__($option->status==1?"On":"Off")}}</td>

                                    <td><a class="btn btn--primary" href="{{ route('admin.seller-type-group.edit',$option->id)}}">View</a><a class="btn btn--danger ml-2" onclick="deltegroupOption({{$option->id}})">delete</a></td>



                                </tr>
                            @empty
                                <tr>
                                    <td class="text-muted text-center" colspan="100%">{{__($emptyMessage) }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table><!-- table end -->
                    </div>
                </div>
                @if ($SellerTypeGroup->hasPages())
                    <div class="card-footer py-4">
                        @php echo paginateLinks($SellerTypeGroup) @endphp
                    </div>
                @endif
            </div><!-- card end -->
        </div>
    </div>
@endsection
@push('script')
<script>
    function deltegroupOption(id) {
        Swal.fire({
            title: 'Are you sure you want to delete this item?',
            html: "<br /><button  class = 'btn btn-success' type='button' value='yes'>Yes</button><button style = 'margin-left: 5px;' class = 'btn btn-danger ml-2,' type='button' value='no'>No</button>",
            allowOutsideClick: false,
            showConfirmButton: false,
            didOpen: (toast) => {
                toast.addEventListener('click', (event) => {
                    const value = event.target.value;
                    if (value === 'yes') {
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                                'Content-Type': 'application/json'
                            }
                        });
                        $.ajax({
                            type: "POST",
                            url: `/admin/SellerTypeGroup/delete`,
                            data: JSON.stringify({
                                'id': id
                            }),
                            success: function(category) {
                                console.log(category);
                                Toast.fire({
                                    icon: 'success',
                                    title: category.message
                                });
                                location.reload();
                            },
                            error: function(jqXhr, textStatus, errorMessage) {
                                let time = 0;
                                for (error in jqXhr.responseJSON.errors) {
                                    Toast.fire({
                                        icon: 'error',
                                        title: jqXhr.responseJSON.errors[error][
                                            0
                                        ]
                                    });
                                }
                                submitButton.textContent = 'Submit';
                                submitButton.disabled = false;
                            }
                        });
                    } else {
                        Swal.close(); // بستن Toast
                        // یا نمایش یک پیام دیگر
                        Swal.fire({
                            icon: 'info',
                            title: 'Operation canceled',
                            text: 'The item was not deleted.'
                        });
                    }
                });
            }
        });
        console.log(id);

    }
</script>
@endpush