@extends('main')
@section('css')

@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            {{{ $vars['title'] }}}
            <span class="pull-right px-5 mx-5">
                Response : <i class="text-success"> {{$vars['row']->TiraStatusCode}} </i>
                 <b class="text-success"> {{$vars['row']->TiraStatusDesc}} </b>
        </span>
        </h1>
    </section>
    <!-- Main content -->
    <section class="content">
        <div class="row" >
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-body" id="loader_for_tira_submission">
                        <form class="prevent-resubmit-form" id="toggle_div_div" method="post"
                              action="{{route('reinsurance_outs.store')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">

                                <input type="hidden" name="id"
                                       @isset($vars['row'])value="{{$vars['row']->id}}"@endisset >
                                <input type="hidden" name="officer_id" value="{{auth()->user()->id}}">
                                <div class="row">
                                    <input type="hidden" name="cover_note_reference"
                                           @isset($vars['row'])value="{{$vars['row']->cover_note_reference}}"@endisset>
                                    <div class="form-group col-md-3">
                                        <label for="exampleInputEmail1">CoverNote ReferenceNumber</label>
                                        <select class="form-control text-uppercase select2 cover_note_reference_select cover_note_reference_select_loader"
                                                id="cover_note_reference_select" name="policy_id"
                                                data-placeholder="Select CoverNote Reference Number" style="width: 100%"
                                                required>
                                            <option selected
                                                    @isset($vars['row']->policy)value="{{$vars['row']->policy->id}}"@endisset >@if(isset($vars['row']->policy))
                                                    {{$vars['row']->policy->CoverNoteReferenceNumber}}
                                                @else
                                                    Select CoverNote Reference Number
                                                @endif</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="exampleInputEmail1">Reinsurance Category </label>
                                        <select class="form-control text-uppercase select2 reinsurance_category reinsurance_category_loader"
                                                id="reinsurance_category" name="reinsurance_category"
                                                data-placeholder="Select Reinsurance Category " style="width: 100%"
                                                required>
                                            <option value="" selected disabled>Select Reinsurance Category</option>
                                            <option value="1" @isset($vars['row'])
                                                {{$vars['row']->reinsurance_category == 1 ? 'selected': ''  }}
                                                    @endisset>Facultative Outward
                                            </option>
                                            <option value="2" @isset($vars['row'])
                                                {{$vars['row']->reinsurance_category == 2 ? 'selected': ''  }}
                                                    @endisset>Facultative Inward
                                            </option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label for="exampleInputPremium">Premium Including Tax</label>
                                        <input type="number" step="any" class="form-control"
                                               name="premium_including_tax"
                                               @isset($vars['row'])value="{{$vars['row']->premium_including_tax}}"@endisset >
                                    </div>

                                    <div class="form-group col-md-2">
                                        <label for="exampleInputAuthorizing">Authorizing Officer Title</label>
                                        <input type="text" class="form-control" name="authorizing_officer_title"
                                               @isset($vars['row'])value="{{$vars['row']->authorizing_officer_title}}"@endisset >
                                    </div>
                                    <div class="form-group col-md-2">
                                        <label>.</label> <br/>
                                        @if(!isset($vars['row']) )
                                            <button type="submit" class="btn btn-primary "> Submit and Proceed</button>
                                        @endif
                                        @if(isset($vars['row']) && ($vars['row']->status == 'Error' || $vars['row']->status == 'Pending'))
                                            <button type="submit" class="btn btn-primary "> Submit and Proceed</button>
                                        @endif
                                    </div>

                                </div>
                            </div>

                        </form>
                        <div class="policy_details_data">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="card card-primary">
                    @include('reinsurance_outs.facultative')
                </div>
            </div>

            @if($vars['row']->status == "Pending" || $vars['row']->status == "Error")
            <div class="col-md-12">
                <div class="card ">
                    <div class="card-header with-border">
                        <h3 class="card-title">Complete Reinsurance</h3>
                        <button type="button" id="submit_to_tira_reinsurance" data-reference="{{$vars['row']->id}}"
                                class="btn btn-success float-right">
                            <i class="fa fa-snapchat-square">&nbsp Submit To Tira</i>
                        </button>
                    </div>
                </div>
            </div>
                @endif


        </div>

    </section>

@endsection

@section('js')

    @include('claims.scripting')
    <script>
        dateSubmitStatus('find_by_date_service_group', 'claim_notifications');
        $(document).on('click', '#toggle_div', function () {
            $('#toggle_div_div').toggle('slow');
            if (document.getElementById("add_customer_clicked_button").innerHTML.includes("Hide")) {
                $(this).html("<i class=\"fa fa-file-archive-o\" ></i>&nbsp;&nbsp; Hide Reinsurance")
            } else {
                $(this).html("<i class=\"fa fa-eye-slash\" ></i>&nbsp;&nbsp;Change Reinsurance")
            }
        });
        $(document).on('click', '#toggle_div_facultative', function () {
            $('#submit_facultative_form').toggle('slow');
        });

        $(document).on('change keyup', '.calculator-facultative', function () {
            let premiumIncludingTax = $('.premiumIncludingTax').val();
            let rate_fac = $('.rate_fac').val();
            let sum_insured_fac = $('.sum_insured_fac').val();
            let commission_rate_fac = $('.commission_rate_fac').val();
            if (premiumIncludingTax && rate_fac) {
                premiumIncludingTax = Number(premiumIncludingTax);
                rate_fac = Number(rate_fac);
                let premiumShared = premiumIncludingTax * (rate_fac / 100);
                $('.premiumShared').val(premiumShared.toFixed(2));
                sum_insured_fac = Number(sum_insured_fac);
                let siShared = sum_insured_fac * (rate_fac / 100);
                $('.shared_fac').val(siShared.toFixed(2));
                if (commission_rate_fac) {
                    let commission = premiumShared * (commission_rate_fac / 100);
                    $('.commission_fac').val(commission.toFixed(2));
                }
            }
        });

        $('.cover_note_reference_select').select2({
            ajax: {
                url: `/cover_note_reference_select`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.cover_note_reference}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        $(document).on('change', '.cover_note_reference_select', function (e) {
            e.preventDefault();
            let reference = $(this).val();
            $.ajax({
                type: "GET",
                url: `/get_reference_detail_and_policy_detail/${reference}`,
                beforeSend: function () {
                    run_waitMe('ios', 'create_claim_form', 'Fetching');
                },
                complete: function () {
                    $('#create_claim_form').waitMe("hide");
                },
                success: function (data) {
                    $('.policy_details_data').replaceWith(data.view);
                },
            });
        })

        $(document).on('click', '#submit_to_tira_reinsurance', function (e) {
            e.preventDefault();
            let reference = $(this).data('reference');
            console.log(reference)
            $.ajax({
                type: "GET",
                url: `/submit_the_reinsurance_to_tira/${reference}`,
                beforeSend: function () {
                    run_waitMe('ios', 'loader_for_tira_submission', 'Fetching');
                },
                complete: function () {
                    $('#loader_for_tira_submission').waitMe("hide");
                },
                success: function (data) {
                    if (data[0] == "Error") {
                        swal(
                            'Ooohps!...',
                            `${data[1][0]}`,
                            'error'
                        )
                    } else {
                        toastFunction('success', 'Thanks Please Wait For the Tira Response');
                        releaseSubmit();
                    }

                },
            });
        })


        $('.selected_broker_company').select2({
            ajax: {
                url: `/get_broker_company`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.code} ${item.name}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        //select 2
        $('.selected_company').select2({
            ajax: {
                url: `/get_company_source`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.code} ${item.name}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });


        $(document).on('submit', '#submit_facultative_form', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var formdata = new FormData(this);
            let isuredFac = $("#sum_insured_fac").val();
            let ratedata = $('.facultative_rate_data');
            let fullDataRate = 0;
            ratedata.each(function () {
                fullDataRate += Number($(this).text());
            });
            let currentRate = Number($('#rate_fac').val());
            let sumRate = currentRate + fullDataRate;

            if (currentRate !== 0 && sumRate <= 100) {
                $.ajax({
                    type: "POST",
                    url: '/facultativeOuts',
                    processData: false,
                    contentType: false,
                    data: formdata,
                    beforeSend: function () {
                        run_waitMe('win8', 'submit_facultative_form', 'saving');
                    },
                    complete: function () {
                        $('#submit_facultative_form').waitMe("hide");
                    },
                    success: function (data) {
                        if (!data.status) {
                            releaseSubmit();
                            toastFunction('error', `${data.message}`);
                        } else {
                            $('.select2').val('').trigger('change');
                            document.getElementById("submit_facultative_form").reset();
                            $("#sum_insured_fac").val(isuredFac);
                            $("#fac_table_" + data.type).replaceWith(data.view);
                            $("#id_for_editing_fac").val("");
                            $("#id_for_editing_fac").attr('disabled', true);
                            if (data.type != "add") {
                                $("#fac_table_" + data.type).replaceWith(data.view);
                                $("#id_for_editing_fac").val("");
                                $("#id_for_editing_fac").attr('disabled', true);
                                toastFunction('success', 'Thanks! Your data has been saved successfully');
                                releaseSubmit();
                            } else {
                                $('#facultative_table').prepend(data.view);
                                toastFunction('success', 'Thanks! Your data has been saved successfully');
                                releaseSubmit();
                            }
                            //
                            // $("#facOutSum").text(data.shared);
                            // $("#facOutCommision").text(data.commission)
                            // $("#facOutRemains").text(data.remain)

                            // releaseSubmit();
                            // toastFunction('error', `${data.message}`);
                            // toastFunction('success', 'Thanks! Your data has been saved successfully');
                            // releaseSubmit();
                            // toastFunction('success', 'Thanks! Your data has been saved successfully');
                            // releaseSubmit();
                        }
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        $('.prevent-resubmit-button').prop("disabled", false);
                        $('.prevent-resubmit-button').html('Submit');
                        show_alert('danger', xhr.responseText);
                    }
                });

            } else {
                swal(
                    'Rate Erroor!',
                    `Rate Can not be less than 1% and Greater than 100% <br/> Rate is ${sumRate}`,
                    'warning'
                )
            }


        });
        $(document).on('click', '.editFacaltativeOut', function (event) {

            event.preventDefault();
            var name = $(this).data('name');
            var broker = $(this).data('broker');
            var row = $(this).data('row');
            var parent = $(this).data('parent');
            $("#rate_fac").val(row.rate);
            $(".shared_fac").val(row.shared);
            $(".commission_rate_fac").val(row.commission_rate);
            $(".commission_fac").val(row.commission);
            $('.sum_insured_fac').val(parent.sumInsured);
            $('.premiumShared').val(row.premium_shared);
            $('.re_broker_code').val(row.re_broker_code);

            $('.facultative_belong_id').val(row.belong_id);
            $('.facultative_belong_type').val(row.belong_type);

            $('.participant_type').val(row.participant_type).trigger('change');
            $('.reinsurance_form').val(row.reinsurance_form).trigger('change');
            $('.reinsurance_type').val(row.reinsurance_type).trigger('change');

            // $("#customer_detail_fac_id").val(row.customer_detail_id).trigger('change');
            // $("#customer_detail_fac_id").text(name).trigger('change');
            $('.selected_customer_brocker').append(`<option value="${row.broker_id}" selected>${broker}</option>`);
            $('#customer_detail_fac_id').append(`<option value="${row.customer_detail_id}" selected>${name}</option>`);
            $("#id_for_editing_fac").val(row.id);
            $("#id_for_editing_fac").removeAttr('disabled');
        });
    </script>

@endsection