@extends('reachassuree_admin/layouts.main')
@section('title', $data['title'])
@section('content')

<div class="page-content client-tr">
    <div class="container-fluid">
        @include('../reachassuree_admin/comman/header')
        <!-- end page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">

                </div>
            </div>
        </div>
        <!-- start row -->
        <div class="row ">
            <div class="card p-3">
                <form action="{{route('sms.content.save')}}" method="POST" id="formSmsContent" class="needs-validation" novalidate enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                      <input type="hidden" class="form-control" id="sms_content_id"  name="sms_content_id"  value="0" >
                        <div class="row">
                                        <div class="col-md-3">
                                                <label for="template_name" class="form-label">Select Template Name*</label>
                                                <select class="form-select  select2-ajax" id="template_name" name="template_name" required="" value=""></select>
                                                        <div class="invalid-feedback">Please select Template Name.</div>
                                        </div>
                                         <div class="col-md-3">
                                            <div class="mb-3">
                                                <label for="sms_content" class="form-label">Sms Content*</label>
                                                <textarea name="sms_content" class="form-control" id="sms_content" cols="20" rows="6" maxlength="350" required  placeholder="Sms Content"></textarea>

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

                        <div class="row">
                            <div class="col-md-2">
                                <div class="mb-3">
                                    <label class="form-label">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <button type="submit" class="form-control btn btn-primary" id="btnSmsContentSave">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


@endsection('content')
@section('custom-scripts')

<script src="{{ asset('ra-assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('ra-assets/js/pages/form-validation.init.js') }}"></script>
<script src="{{ asset('ra-assets/js/pages/jquery.form.js') }}"></script>
<script type="text/javascript">
    var redirectToSmsTemplate = '{{route("sms.content")}}';
     var ajaxSearchTemplateName  ='{{route("template.name.search")}}';
    resetInputForm();

    function resetInputForm() {
        $('#formSmsContent').trigger("reset");
        $("#formSmsContent").removeClass('was-validated');
    }

    $(document).ready(function() {
        var options = {
            beforeSubmit: showRequest, // pre-submit callback
            success: showResponse // post-submit callback
        };

         $('#formSmsContent').submit(function() {
            $(this).ajaxSubmit(options);
            return false;
        });
    });

    $("#template_name").select2({
            ajax: {
                url: ajaxSearchTemplateName,
                dataType: 'json',
                delay: 0,
                data: function(params) {
                    
                    return {
                        search_value: params.term, // search term
                        page: params.page
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;

                    return {
                        results: data.results,
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: false
            },
            placeholder: 'Search for select template name',
        });

    function showRequest(formData, jqForm, options) {

        var queryString = $.param(formData);
        return true;
    }

    // post-submit callback
    function showResponse(responseText, statusText, xhr, $form) {
        if (responseText['status'] == 1) {
            toastr["success"](responseText['msg']);
            resetInputForm();
            $("#btnSmsContentSave").html('Save');
            window.location.href = redirectToSmsTemplate;


        } else if (responseText['status'] == 0) {
            if (typeof responseText['data'] !== "undefined") {
                var size = Object.keys(responseText['data']).length;
                if (size > 0) {
                    for (var [key, value] of Object.entries(responseText['data'])) {
                        toastr["error"](value);
                    }
                }
            } else {
                toastr["error"](responseText['msg']);
            }
        }
    }
</script>

@endsection