@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">{{translate('All Taxes')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div id="customerList">
                    <div class="row g-4 mb-3">
                        <div class="col-sm-auto">
                            <div>
                                <button type="button" class="btn btn-success add-btn" data-bs-toggle="modal" id="create-btn" data-bs-target="#showModal"><i class="ri-add-line align-bottom me-1"></i>{{translate('Add New Tax')}}</button>
                            </div>
                        </div>
                        <div class="col-sm">
                            <div class="d-flex justify-content-sm-end">
                                <div class="search-box ms-2">
                                    <form id="language_search" method="GET" action="{{route('tax.index')}}">
                                        <input type="text" name="search" class="form-control search" placeholder="{{translate('Type name and enter')}}" value="{{request()->search}}">
                                    </form>
                                    <!-- <i class="ri-search-line search-icon"></i> -->
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive table-card mt-3 mb-1">
                        <table class="table align-middle table-nowrap" id="customerTable">
                            <thead class="table-light">
                                <tr>
                                    <th class="sort" data-sort="count">#</th>
                                    <th class="sort" data-sort="name">{{translate('Tax Type')}}</th>
                                    <th class="sort" data-sort="status">{{translate('Status')}}</th>
                                    <th class="sort" data-sort="action">{{translate('Action')}}</th>
                                    
                                </tr>
                            </thead>
                            <tbody class="list form-check-all">
                                @foreach ($taxes as $key => $tax)
                                <tr>
                                    <td class="count">{{ ($key+1) + ($taxes->currentPage() - 1)*$taxes->perPage() }}</td>
                                    <td class="name">{{$tax->name}}</td>
                                    <td class="exchange_rate">
                                        <div class="form-check form-switch form-switch-right form-switch-md">
                                            <input onchange="update_tax_status(this)" class="form-check-input code-switcher" type="checkbox" value="{{$tax->id}}" @if($tax->tax_status == 1) checked @endif>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="d-flex gap-2">
                                            <div class="edit">
                                                <button class="btn btn-soft-primary btn-icon btn-circle btn-sm" onclick="edit_tax_modal('{{$tax->id}}');"><i class="las la-edit"></i></i></button>
                                            </div>
                                            <div class="remove">
                                                <button class="btn btn-soft-danger btn-icon btn-circle btn-sm confirm-delete" data-bs-toggle="modal" data-bs-target="#deleteRecordModal" data-href="{{route('tax.tax-delete', $tax->id)}}"><i class="las la-trash"></i></button>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="noresult" style="display: none">
                            <div class="text-center">
                                <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:75px;height:75px">
                                </lord-icon>
                                <h5 class="mt-2">Sorry! No Result Found</h5>
                                <p class="text-muted mb-0">We've searched more than 150+ Orders We did not find any
                                    orders for you search.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- end card -->
        </div><!-- end col -->
    </div><!-- end col -->
</div>
<!-- Create Modal  -->
@include('backend.setup_configurations.taxes.create')
<!-- Edit Modal  -->
<div class="modal fade" id="TaxEditModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" id="modal-content">
            
        </div>
    </div>
</div>
<!-- Delete Modal  -->
@include('backend.modals.delete')
@endsection
@section('script')
<script>
    function edit_tax_modal(id){
        $.post('{{ route('tax.tax-edit') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
            $('#TaxEditModal .modal-content').html(data);
            $('#TaxEditModal').modal('show', {backdrop: 'static'});
        });
    }
    function update_tax_status(el){
        if(el.checked){
            var status = 1;
        }
        else{
            var status = 0;
        }

        $.post('{{ route('tax.tax-status') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
            if(data == 1){
                RNS.plugins.notify('success', '{{ translate('Tax Status updated successfully') }}');
            }
            else{
                RNS.plugins.notify('danger', '{{ translate('Something went wrong') }}');
            }
        });
    }
</script>

@endsection