@extends('admin.layouts.app')
@section('panel')
<div class="row">
    <div class="col-lg-12">
        <div class="card b-radius--10 ">
            <div class="card-body p-0">
                <div class="table-responsive--sm table-responsive" style="padding: 20px; margin-top: 20px;">
                    <table  id="mytable" class="table table--light style--two custom-data-table">
                        <thead>
                            <tr>
                                <th>@lang('Title')</th>
                                <th>@lang('Image')</th>
                                <th>@lang('Category')</th>
                                <th>@lang('Code')</th>
                                <th>@lang('Priority')</th>
                                <th>@lang('Featured')</th>
                                <th>@lang('Exclusive')</th>
                                <th>@lang('Status')</th>
                                <th>@lang('Actions')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($coupons as $item)
                            <tr>
                                <td>{{__($item->title)}}</td>
                                <td><img src="{{ getImage(getFilePath('store') . '/' . @$item->store->image) }}" alt="@lang('store-image')" style="width: 80px"></td>
                                <td>{{__(@$item->category->name)}}</td>
                                <td>{{__($item->code)}}</td>
                                <td>{{__($item->priority)}}</td>
                                <td>
                                    @if($item->is_featured == 1)
                                    
                                    <span class="base-color"><i class="fas fa-check-circle"></i></span>
                                    @else 
                                    
                                    <span><i class="fas fa-times"></i></span>
                                    @endif
                                </td>
                                <td>
                                    @if($item->is_exclusive == 1)
                                    
                                    <span><i class="fas fa-check-circle"></i></span>
                                    @else 
                                    
                                    <span><i class="fas fa-times"></i></span>
                                    @endif
                                </td>
                                <td>
                                    @if($item->status == 1)
                                    
                                    <span class="badge badge--success">@lang('Active')</span>
                                    @else 
                                    
                                    <span class="badge badge--danger">@lang('Inactive')</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="button--group">
                                        <a href="{{route("admin.coupon.edit",$item->id)}}" title="@lang('Edit')"
                                            class="btn btn-sm btn--success">
                                            <i class="la la-edit"></i>
                                        </a>
                                        <button title="@lang('Edit')"
                                            class="btn btn-sm btn--danger ms-1 deleteBtn" data-id="{{$item->id}}">
                                            <i class="la la-trash"></i>
                                        </button>
                                     
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td class="text-muted text-center" colspan="100%">{{ __($emptyMessage) }}</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table><!-- table end -->
                    @if ($coupons->hasPages())
                        <div class="card-footer py-4">
                            {{ paginateLinks($coupons) }}
                        </div>
                    @endif
                </div>
            </div>
        </div><!-- card end -->
    </div>
</div>






{{-- DELETE  MODAL --}}
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="editModalLabel">@lang('Delete Confirmation')</h4>
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><i
                        class="las la-times"></i></button>
            </div>
            <form class="form-horizontal" method="post" action="{{route('admin.coupon.delete')}}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id">
                <div class="modal-body">
                   <span>@lang('Are You Sure Delete This Category')</span>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn--primary btn-global" id="btn-save"
                        value="add">@lang('Delete')</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection


@push('breadcrumb-plugins')
<a href="{{route('admin.coupon.create')}}" class="btn btn-sm btn--primary"><i
        class="las la-plus"></i>@lang('Add New')</a>
@endpush

@push('script')
<script>
    (function ($) {
        "use strict";
    
        $('.deleteBtn').on('click', function () {
            var modal = $('#deleteModal');
            modal.find('input[name=id]').val($(this).data('id'));

            modal.modal('show');

        });

        
    })(jQuery);
    
    
    
    $(document).ready(function() {
    $('#mytable').DataTable({
        "ordering": false, // Disable client-side ordering
        "pageLength": 10   // Set the number of rows per page
    });
});

</script>
@endpush