@extends('admin.layout.master')
@section('title')
{{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
@include('admin.layout.breadcrumb_view')
@stop
@section('page-content')
<a href="{{ route('tax.add') }}" class="btn btn-default btn-primary mb-3">
    <i class="fa fa-plus"></i> @Lang('admin.add') 
</a>
<div class="table-rep-plugin">
    @include('admin.layout.error')
    <table id="tax_table" class="table  table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>@Lang('admin.name')</th>
                <th>@Lang('admin.value')</th>
                <th>@Lang('admin.tax_type_id')</th>
                <th>@Lang('admin.status')</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>
@stop
@section('modal')
@include('admin.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
$(document).ready(function () {
    var oTable = $('#tax_table').DataTable({
        "processing": true,
        "serverSide": true,
        "responsive": true,
        "lengthChange": false,
        "autoWidth": false,
        "searching": false,
        "ajax": {
            url: "{{ route('tax.list') }}",
        },
        "order": [[0, 'asc']],
        "columnDefs": [{
                "targets": "_all",
                "defaultContent": ""
            }],
        "columns": [
            {"data": ""},
            {"data": "name"},
            {"data": "value"},
            {"data": "tax_type"},
            {"data": "status"},
        ],
        "fnDrawCallback": function (oSettings) {
            $('.tooltips').tooltip();
            oTable.column(0).nodes().each(function (cell, i) {
                cell.innerHTML = (parseInt(oTable.page.info().start)) + i + 1;
            });
        }
    });
    $(document).on('click', ".status", function () {
        var id = $(this).data('href');
        var item = $(this);
        $.ajax({
            type: "POST",
            url: "{{ route('tax.status') }}",
            data: {'id': id, '_token': $('meta[name="csrf-token"]').attr('content')},
            beforeSend: function() {
                $(".ezdan_loading").show();
            },
            complete: function() {
                $(".ezdan_loading").hide();
            },
            success: function (data) {
                if (data.type == 'yes') {
                    item.removeClass("btn-danger");
                    item.addClass("btn-success");
                    item.html("<i class='fa fa-check'></i> @Lang('admin.enable') ");
                } else if (data.type == 'no') {
                    item.removeClass("btn-success");
                    item.addClass("btn-danger");
                    item.html("<i class='fa fa-times'></i> @Lang('admin.disable') ");
                }
                toastr[data.status](data.message);
            }
        });
    });
});
</script>
@stop