@extends('layouts/billing_layout')
@section('title', '| Signature Settings')
@section('content')
    @include('successMsg')

    <div class="row add-data-form" style="height:100%">

        <div class="col-md-12">

            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{ url('billing/billingSignatureSettings/') }}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>Signature Settings List</a>
                </div>


                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">Signature Settings</div>
                    </div>
                    <div class="panel-body">

                        {!! Form::open([
                            'url' => '',
                            'enctype' => 'multipart/form-data',
                            'role' => 'form',
                            'class' => 'form-horizontal form-groups',
                        ]) !!}

                        <!-- Employee Dropdown -->
                        <div class="form-group">
                            {!! Form::label('emp_id_fk', 'Assaign Employee To Signature:', ['class' => 'col-sm-2 control-label']) !!}
                            <div class="col-sm-3">
                                {!! Form::select('emp_id_fk', $employee,  null, [
                                    'class' => 'form-control',
                                    'id' => 'emp_id_fk',
                                    'placeholder' => 'Select Employee',
                                ]) !!}


                            </div>
                        </div>
                        <div class="form-group">
                            {!! Form::label('effectiveDate', 'Effective Date:', ['class' => 'col-sm-2 control-label']) !!}
                            <div class="col-sm-3">
                                {!! Form::text('effectiveDate',   null, [
                                    'class' => 'form-control',
                                    'id' => 'effectiveDate',
                                    'placeholder' => 'Select Date',
                                ]) !!}
                            </div>
                        </div>




                        <!-- Submit and Close Buttons Below, Aligned Right -->
                        <div class="form-group" style="text-align: right;">
                            <div class="col-sm-5" style="margin-top: 10px;">
                                {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info ml-2']) !!}
                                <a href="{{ url('billing/billingSignatureSettings/') }}"
                                    class="btn btn-danger closeBtn ml-2">Close</a>
                            </div>
                        </div>

                        <!-- Success message -->
                        <div class="col-md-4">
                            <span id="success" style="color:green; font-size:20px;"></span>
                        </div>

                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

<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 */


        $('#effectiveDate').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true,
            todayHighlight: true
        });



        $('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.');
                }
            });
        });
    });
</script>