@extends('admin.layout.master')
@section('content')
@include('flash-message')
 <div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.tax_rule')}} </h5>
        <button type="button" class="btn btn-light btn-sm" onclick="resetmodal()">
            {{__('obs.add')}} {{__('obs.tax_rule')}}
        </button>
    </div>
  
    <div class="card-body table-responsive">
        <table class="table table-striped">
            <thead>
                <tr class='table-bordered'>
                    <th class="text-center">{{__('obs.name')}}</th>
                    <th class="text-center">{{__('obs.code')}}</th>
                    <th class="text-center">{{__('obs.schedule')}}</th>
                    <th class="text-center">{{__('obs.minimum_salary')}}</th>
                    <th class="text-center">{{__('obs.maximum_salary')}}</th>
                    <th class="text-center">{{__('obs.exemption')}}</th>
                    <th class="text-center">{{__('obs.tax_percent')}}</th>
                    <th class="text-center">{{__('obs.status')}}</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($alltextRule as $v_alltextRule)
                    <tr class='table-bordered'>
                        <td class="text-center">{{ $v_alltextRule->name }}</td>
                        <td class="text-center">{{ $v_alltextRule->code }}</td>
                        <td class="text-center">{{ $v_alltextRule->get_schedule->name }}</td>
                        <td class="text-center">{{ $v_alltextRule->min_salary }}</td>
                        <td class="text-center">{{ $v_alltextRule->max_salary }}</td>
                        <td class="text-center">{{ $v_alltextRule->exemption }}</td>
                        <td class="text-center">{{ $v_alltextRule->tax_percent }}</td>
                       
                        @if ($v_alltextRule->status == 1)
                            <td class="text-center">
                                <p><span style="color:green">{{__('obs.active')}}</span></p>
                            </td>
                        @else
                            <td class="text-center">
                                <p><span style="color:red">{{__('obs.inactive')}}</span></p>
                            </td>
                        @endif
                        <td>
                            <button type="button" onclick="editTaxRule({{ $v_alltextRule->id }})"
                                class="btn btn-success btn-sm" data-toggle="modal"
                                data-target="#exampleTaxRuleModal">
                                {{__('obs.edit')}}
                            </button>
                            <a href="{{route('payroll.payroll.manage_tax.tax_rule_delete',['id'=>$v_alltextRule->id])}}" title="Delete" data-toggle="tooltip" onclick="return confirm('Tax Rule Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    </div>
    @include("payroll.admin.payroll_settings.tax_rule.add_tax_rule")
@endsection




@section('script')
 <script>
    const storeTaxRule = () => {
        let id = $("#text_role_id").val();
        let code = $("#code").val();
        let name = $("#name").val();
        let schedule_id = $("#scheduleid").val();
        let min_salary = $("#minsalary").val();
        let max_salary = $("#maxsalary").val();
        let exemption = $("#exemption").val();
        let tax_percent = $("#taxpercent").val();
        let sorting = $("#sorting").val();
        let status = $("#status").val();
        let ware_id = $("#wareId").val();
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "POST",
            url:  "/payroll/save-tax-rule",
            data: {
                id: id,
                name: name,
                code: code,
                schedule_id: schedule_id,
                min_salary: min_salary,
                max_salary: max_salary,
                exemption: exemption,
                tax_percent: tax_percent,
                sorting: sorting,
                status: status,
                ware_id:ware_id
            },
            success: function (data) {
                Swal.fire({
                    title: data.message,
                    html: "I will close in <b></b> milliseconds.",
                    timer: 1000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading();
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent();
                            if (content) {
                                const b = content.querySelector("b");
                                if (b) {
                                    b.textContent = Swal.getTimerLeft();
                                }
                            }
                        }, 100);
                    },
                    willClose: () => {
                        clearInterval(timerInterval);
                    },
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        window.location.reload();
                    }
                });
                $("#text_role_id").val(0);
                $("#code").val("");
                $("#name").val("");
                $("#minsalary").val(0);
                $("#maxsalary").val(0);
                $("#exemption").val(0);
                $("#taxpercent").val(0);
            },
            error: function (response) {
                $.each(response.responseJSON.errors, function (field_name, error) {
                    $(document)
                        .find("[name=" + field_name + "]")
                        .after(
                            '<span class="text-strong textdanger" style="color:red">' +
                                error +
                                "</span>"
                        );
                });
            },
        });
    };

    const editTaxRule = (id) => {
        $("#exampleTaxRuleModal").modal('show');
        $.ajax({
            url: "/payroll/edit-tax-rule/" + id,
            type: "GET",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (data) {
                $("#text_role_id").val(data.id);
                $("#code").val(data.code);
                $("#name").val(data.name);
                $("#scheduleid").val(data.schedule_id);
                $("#minsalary").val(data.min_salary);
                $("#maxsalary").val(data.max_salary);
                $("#exemption").val(data.exemption);
                $("#taxpercent").val(data.tax_percent);
                $("#sorting").val(data.sorting);
                $("#status").val(data.status);
                $("#wareId").val(data.ware_id);
            },
        });
    };

    // SCRIPT FOR RESETING MODAL INPUT VALUE WHEN WE WILL INSERT NEW VALUE
    const resetmodal = () => {
        $("#exampleTaxRuleModal").modal('show');
        $("#taxRoleForm").trigger("reset");
        $("#text_role_id").val(0);
    };

</script>
@endsection