@extends('layouts/billing_layout')
@section('title', '| Signature Settings')
@section('content')
    @include('successMsg')
    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-options">
                                <a href="{{ url('billing/addbillingSignatureSettings/') }}"
                                    class="btn btn-info pull-right addViewBtn"><i
                                        class="glyphicon glyphicon-plus-sign addIcon"></i>Add Signature Settings</a>
                            </div>
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">Signature Settings List</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            <div>


                                <table class="table table-striped table-bordered" id="productView"
                                    style="color:black; width:90%; text-align:center; margin:0 auto;">
                                    <thead>
                                        <tr>
                                            <th width="50">SL#</th>
                                            <th>Employee</th>
                                            <th>Effective Date</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $no = 0; @endphp
                                        @foreach ($employees as $employee)
                                            <tr class="item{{ $employee->id ?? '' }}">
                                                <td class="text-center slNo">{{ ++$no }}</td>
                                                <td style="text-align: left; padding-left: 5px;">
                                                    {{ $employee->emp_name_english }}
                                                </td>
                                                <td style="text-align: left; padding-left: 5px;">
                                                    {{ $employee->effectiveDate }}
                                                </td>
                                                <td>
                                                  
                                                    <a id="deleteIcone" href="javascript:;" class="delete-modal"
                                                        employeeId="{{ $employee->id }}">
                                                        <span class="glyphicon glyphicon-trash"></span>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>



                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endsection
        <div id="deleteModal" class="modal fade" style="margin-top:3%;">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title"
                            style="clear:both;background-color:black;color:white; padding:10px;text-align:center;">
                            Delete Signature Settings</h4>
                    </div>

                    <div class="modal-body ">
                        <div class="row" style="padding-bottom:20px;"> </div>
                        <h2>Are You Confirm to Delete This Record?</h2>

                        <div class="modal-footer">
                            <input id="SignatureId" type="hidden" value="" />
                            <button type="button" class="btn btn-danger" id="DMproduct"
                                data-dismiss="modal">confirm</button>
                            <button type="button" class="btn btn-warning" data-dismiss="modal"><span
                                    class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>


        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

        <script type="text/javascript">
            /* Data Insert Start */
            $(document).ready(function() {
                /* Multi Select Start */

                $('form').submit(function(event) {
                    event.preventDefault();

                    var formData = new FormData($(this)[0]);

                    // Disable the submit button to prevent multiple submissions
                    $('#add').prop('disabled', true);

                    $.ajax({
                        type: 'post',
                        url: './billingStoreSignature',
                        data: formData,
                        async: false,
                        cache: false,
                        contentType: false,
                        processData: false,
                        dataType: 'json',
                        success: function(response) {
                            if (response.errors) {
                                $.each(response.errors, function(name, error) {
                                    let field = $('[name="' + name + '"]');
                                    field.after("<p class='error text-danger'>* " + error[
                                        0] + "</p>");
                                });
                            } else {
                                if (response.responseTitle == 'Warning!') {
                                    toastr.warning(response.responseText, response.responseTitle);
                                    $("#submit").prop('disabled', false);
                                } else {
                                    toastr.success(response.responseText, response.responseTitle);
                                    setTimeout(function() {
                                        window.location.href =
                                            "{{ url('billing/billingSignatureSettings/') }}";
                                    }, 1000);
                                }
                            }
                            // Handle success

                        },
                        error: function(xhr) {
                            toastr.error('Something went wrong.');
                        }
                    });
                });
                $(document).on('click', '.delete-modal', function() {
                    //alert('productId');
                    var Id = $(this).attr('employeeId');
                    //console.log(Id);
                    $("#SignatureId").val($(this).attr('employeeId'));

                    $('#deleteModal').modal('show');
                });
                $("#DMproduct").on('click', function() {
                    //console.log('ok');
                    var employeeId = $("#SignatureId").val();
                    //alert(productId);
                    //var productId = $(this).attr('productId');
                    //.console.log(productId);
                    var csrf = "{{ csrf_token() }}";
                    $.ajax({
                            url: './billingDeleteSignature',
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                id: employeeId,
                                _token: csrf
                            },
                        })
                        .done(function(data) {
                            location.reload();
                            window.location.href = '{{ url('billing/billingSignatureSettings/') }}';
                        })
                        .fail(function() {
                            console.log("error");
                        })
                        .always(function() {
                            console.log("complete");
                        });
                });

            });
        </script>