@extends('components.layout.master')
@section('title', 'Premium Amount & GST')

@section('content')

    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="" id="amountForm">
                                @csrf
                                <input type="hidden" name="id" id="id" value="{{ $amount->first()->id }}">
                                <div class="col-lg-12">
                                    <div class="primary_input" id="stateDiv">
                                        <label class="primary_input_label" for="">Premium Amount (%)<span
                                                class="text-danger">
                                                *</span></label>
                                        <input class="form-control" type="number" name="premium_amount" id="premium_amount"
                                            autocomplete="off" value="{{ $amount->first()->premium_amount }}">
                                        <span class="text-danger" id="premium_amount_error"></span>
                                    </div>
                                </div>
                                <div class="col-lg-12 mt-3">
                                    <div class="primary_input" id="stateDiv">
                                        <label class="primary_input_label" for="">GST (%)<span class="text-danger">
                                                *</span></label>
                                        <input class="form-control" type="number" name="gst" id="gst"
                                            autocomplete="off" value="{{ $amount->first()->gst }}">
                                        <span class="text-danger" id="gst_error"></span>
                                    </div>
                                </div>

                                <div class="col-lg-12 mt-3" style="display: grid; place-items: center;">
                                    <button id="addBtn" type="submit"
                                        class="btn btn-success waves-effect waves-light">{!! BTN_SAVE !!}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('components.footertext')
    </div>
@endsection
@push('script')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

    <script>
        $(document).ready(function() {
            // console.log("hi");

            $('#amountForm').on('submit', function(e) {
                e.preventDefault();

                var formData = new FormData(this);
                var id = $('#id').val();

                formData.append('id', id);
                $.ajax({
                    url: '{{ route('storePremiumGstAmount') }}',
                    type: 'post',
                    data: formData,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': $('input[name="_token"]').attr('content')
                    },
                    contentType: false, // Important for FormData
                    processData: false,
                    success: function(response) {
                        if (response.status == true) {
                            // debugger
                            Swal.fire('Success', 'Record Added Successfully!',
                                'success');
                            setTimeout(() => {
                                window.location.reload();
                            }, 1000);
                        } else {
                            $.each(response.errors, function(key, value) {
                                $('#' + key + '_error').text(value);
                            });
                        }
                    }
                });
            });
        });
    </script>
@endpush