@extends('main')
@section('css')
    <link rel="stylesheet" href="{{ url('/') }}/assets/plugin/daterangepicker/daterangepicker.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" id="loader_for_tira_submission">
            <div class="col-md-12" id="add_customer_div">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Change Detail</h3>
                        <button type="button" id="toggle_div" class="btn btn-success pull-right toggle_div ">
                            <i class="fa fa-plus">&nbsp Change Reinsurance</i>
                        </button>
                    </div>
                    <form class="prevent-resubmit-form" id="toggle_div_div"  method="post" action="{{route('reinsurance_outs.store')}}" enctype="multipart/form-data">
                        @csrf
                        <div class="box-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-6">
                                    <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="fleet_store_id" data-placeholder="Select CoverNote Reference Number" style="width: 100%" required>
                                        <option  selected @isset($vars['row']->fleetStore)value="{{$vars['row']->fleetStore->id}}"@endisset >@if(isset($vars['row']->fleetStore)){{$vars['row']->fleetStore->cover_note_reference}} @else Select CoverNote Reference Number @endif</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <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-6">
                                    <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-6">
                                    <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>
                        </div>
                        <div class="modal-footer">
                            @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>
                    </form>
                    <div class="policy_details_data">

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

            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Facultative Part</h3>
                        <button type="button" id="toggle_div_facultative" class="btn btn-success pull-right toggle_div_facultative ">
                            <i class="fa fa-plus">&nbsp Facultative</i>
                        </button>
                    </div>

                        @include('reinsurance_outs.facultative')
                </div>
            </div>

            <div class="col-md-12">
                <div class="box ">
                    <div class="box-header with-border">
                        <h3 class="box-title">Complete Reinsurance</h3>
                        <button type="button" id="submit_to_tira_reinsurance" data-reference="{{$vars['row']->id}}" class="btn btn-success pull-right ">
                            <i class="fa fa-snapchat-square">&nbsp Submit To Tira</i>
                        </button>
                    </div>
                </div>
            </div>


        </div>

    </section>

@endsection

@section('js')
    <script src="{{ url('/') }}/assets/plugin/moment/moment.min.js"></script>
    <script src="{{ url('/') }}/assets/plugin/inputmask/jquery.inputmask.min.js"></script>
    <!-- date-range-picker -->
    <script src="{{ url('/') }}/assets/plugin/daterangepicker/daterangepicker.js"></script>

    @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{
                        swal(
                            'Successful!',
                            'Thanks Please Wait For the Tira Response',
                            'success'
                        )
                    }

                },
            });
        })


        $('.selected_customer_brocker').select2({
            ajax: {
                url: `/get_custom_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,
        });
        //select 2
        $('.selected_customer_company').select2({
            ajax: {
                url: `/get_custom_company_source/{{$vars['row']->id}}`,
                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){
                            snackbartext('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);
                                snackbartext('success','Facultative Updated Successfully');
                            }else{
                                $('#facultative_table').prepend(data.view);
                                snackbartext('success','Facultative Added Successfully');
                            }
                            //
                            // $("#facOutSum").text(data.shared);
                            // $("#facOutCommision").text(data.commission)
                            // $("#facOutRemains").text(data.remain)
                        }
                    },
                    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