@extends("layouts.admin.app")

@section("page-title")
{{__("Dashboard")}}
@endSection

@section("page-nav-title")
<div class="app-title">
    <div>
        <h1><i class="fa fa-dashboard"></i>{{__("payment-terms-condition")}}</h1>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item"><a href="#">{{__("payment-terms-condition")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<div class="row col-lg-12">
    <div class="col-lg-6 p-3">
        <a href="{{route("admin.payments.create")}}" class="btn btn-primary"><i class="fas fa-plus"></i> {{__('create-cond')}}</a>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered text-center" id="sampleTable">
                        <thead>
                            <tr>
                                <th style="width: 1%">#</th>
                                <th style="width: 42%">{{__("description")}}</th>
                                <th style="width: 10%">{{__("control")}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($condition as $key => $cond)
                            <tr>
                                <td>{{++$key}}</td>
                                <td>{{$cond->desc}}</td>
                                <td>
                                    <a href="{{route("admin.payments.edit", $cond->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                    <form action="{{route("admin.payments.delete", $cond->id)}}" method="post" id="delete{{$cond->id}}" style="display: none" data-swal-title="{{__("delete-cond")}}" data-swal-text="{{__("are-you-sure-to-delete-this-Condition?")}}" data-yes="{{__("yes")}}" data-no="{{__("no")}}" data-success-msg="{{__("the-client-has-been-deleted-successfully")}}">@csrf @method("delete")</form>
                                    <span href="#" class="control-link remove form-confirm" data-form-id="#delete{{$cond->id}}"><i class="far fa-trash-alt"></i></span>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript" src="{{asset('assets/js/plugins/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/plugins/dataTables.bootstrap.min.js')}}"></script>
<script type="text/javascript">
    $('#sampleTable').DataTable();
</script>
<script type="text/javascript">
    var baseUrl = window.location.origin;

    function Csetting() {
        var name = $('#Cname').val();
        var value = $('#Cvalue').val();
        var notes = $('#Cnotes').val();
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "post",
            url: baseUrl + "/en/ajax/settings/add-setting",
            dataType: 'json',
            data: {
                name: name,
                value: value,
                notes: notes,
            },
            success: function(response) {
                toastr.success(response.data);
                setTimeout(function() {
                    location.reload();
                }, 500);
            },
            error: function(xhr, error) {
                if (xhr.responseJSON.errors && xhr.responseJSON.errors.name && xhr.responseJSON.errors.name[0]) {
                    toastr.error(xhr.responseJSON.errors.name[0]);
                }
                if (xhr.responseJSON.errors && xhr.responseJSON.errors.value && xhr.responseJSON.errors.value[0]) {
                    toastr.error(xhr.responseJSON.errors.value[0]);
                }
            }
        });
    }

    function getData(id) {
        $('#Gname' + id).empty();
        $('#Gvalue' + id).empty();
        $('#Gnotes' + id).empty();
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "GET",
            url: baseUrl + "/en/ajax/settings/get-setting-data/" + id,
            success: function(response) {
                $(document).ready(function() {
                    let name = response.data.name; // Assuming name is "Tax_number"
                    let formattedName = name.replace(/_/g, ' ');
                    formattedName = formattedName.charAt(0).toUpperCase() + formattedName.slice(1);
                    $('#Gname' + id).val(formattedName);
                    $('#Gvalue' + id).val(response.data.value);
                    if (response.data.notes !== null) {
                        $('#Gnotes' + id).val(response.data.notes);
                    }
                });
            }
        });
    }

    function Usetting($id) {
        var name = $('#Gname' + $id).val();
        var value = $('#Gvalue' + $id).val();
        var notes = $('#Gnotes' + $id).val();
        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            type: "post",
            url: baseUrl + "/en/ajax/settings/update-setting/" + $id,
            dataType: 'json',
            data: {
                name: name,
                value: value,
                notes: notes,
            },
            success: function(response) {
                toastr.success('Setting Updated Successfully');
                $('#name' + $id).text(response.data.name);
                $('#value' + $id).text(response.data.value);
            },
            error: function(xhr, error) {
                if (xhr.responseJSON.errors && xhr.responseJSON.errors.name && xhr.responseJSON.errors.name[0]) {
                    toastr.error(xhr.responseJSON.errors.name[0]);
                }
                if (xhr.responseJSON.errors && xhr.responseJSON.errors.value && xhr.responseJSON.errors.value[0]) {
                    toastr.error(xhr.responseJSON.errors.value[0]);
                }
            }
        });
    }
</script>
@endsection