@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style type="text/css">
    li > span{
        float: left;
        width: 20px;
        margin-top: 3px;
        margin-right: 10px;
    }
    ul{
        list-style: none;
    }
</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">

            </div>

        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="fa fa-vcard"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Customer Journey
                        </h3>
                    </div>
                </div>
                <div class="m-portlet__head-tools">

                </div>
            </div>
            <div class="m-section" style="padding: 21px;">
                <div class="m-section__content">
                    <table class="table m-table merchant-form">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Journey</th>
                            <th>From Loan Amount</th>
                            <th>To Loan Amount</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="main-rs-desc">
                            <td>1</td>
                            <td>
                                <ul>
                                    <li><span><input checked="" disabled="" type="checkbox" name="dkyc[1][]" data-name="dkyc" class="form-control"/></span>Digital KYC</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="vkyc[1][]" data-name="vkyc" class="form-control"/></span>VKYC</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="ooe[1][]" data-name="ooe" class="form-control"/></span>OTP on eSign</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="cour[1][]" data-name="cour" class="form-control"/></span>Courier</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="sc[1][]" data-name="sc" class="form-control"/></span>Security Cheque</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="enach[1][]" data-name="enach" class="form-control"/></span>eNACH</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="vc[1][]" data-name="vc" class="form-control"/></span>Verification Call</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="bank[1][]" data-name="bank" class="form-control"/></span>Banking</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="ref[1][]" data-name="ref" class="form-control"/></span>Reference</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="coapp[1][]" data-name="coapp" class="form-control"/></span>Co-applicant</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="rp[1][]" data-name="rp" class="form-control"/></span>Relationship Proof</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="cap[1][]" data-name="cap" class="form-control"/></span>Current Address Proof (Utility Bill, Rent Agreement, Post-paid Mobile Bill)</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="insurance[1][]" data-name="insurance" class="form-control"/></span>Insurance</li>
                                </ul>
                            </td>
                            <td class="frla">50,000</td>
                            <td class="trla">100,000</td>
                            <td class="trdl"></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>
                                <ul>
                                    <li><span><input checked="" disabled="" type="checkbox" name="dkyc" class="form-control"/></span>Digital KYC</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="vkyc" class="form-control"/></span>VKYC</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="ooe" class="form-control"/></span>OTP on eSign</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="cour" class="form-control"/></span>Courier</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="sc" class="form-control"/></span>Security Cheque</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="enach" class="form-control"/></span>eNACH</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="vc" class="form-control"/></span>Verification Call</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="bank" class="form-control"/></span>Banking</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="ref" class="form-control"/></span>Reference</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="coapp" class="form-control"/></span>Co-applicant</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="rp" class="form-control"/></span>Relationship Proof</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="cap" class="form-control"/></span>Current Address Proof (Utility Bill, Rent Agreement, Post-paid Mobile Bill)</li>
                                    <li><span><input checked="" disabled="" type="checkbox" name="insurance" class="form-control"/></span>Insurance</li>
                                </ul>
                            </td>
                            <td>100,001</td>
                            <td>20,00,000</td>
                            <td></td>
                        </tr>

                        </tbody>
                    </table>
                    <form action="/admin/merchant/customer_journey/{!! $id !!}" method="POST" id="save-rules-frm">
                        <input type="hidden" name="_token" value="{!! csrf_token() !!}"/>
                        <div class="nr-rws">
                            <table class="table">
                                @if(isset($merchantCustomerJourney) && $merchantCustomerJourney)
                                    @foreach($merchantCustomerJourney as $journey)
                                        @if(isset($journey->payload))
                                            <?php $payload = json_decode($journey->payload, 1); ?>
                                            @foreach($payload as $journeyKey => $journey)
                                                <tr>
                                                    <td>{!! $journeyKey !!}</td>
                                                    <td>
                                                        <ul>
                                                            <li><span><input @if(isset($journey['dkyc'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="dkyc[{!! $journeyKey !!}][]" data-name="dkyc" class="form-control"/></span>Digital KYC</li>
                                                            <li><span><input @if(isset($journey['vkyc'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="vkyc[{!! $journeyKey !!}][]" data-name="vkyc" class="form-control"/></span>VKYC</li>
                                                            <li><span><input @if(isset($journey['ooe'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="ooe[{!! $journeyKey !!}][]" data-name="ooe" class="form-control"/></span>OTP on eSign</li>
                                                            <li><span><input @if(isset($journey['cour'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="cour[{!! $journeyKey !!}][]" data-name="cour" class="form-control"/></span>Courier</li>
                                                            <li><span><input @if(isset($journey['sc'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="sc[{!! $journeyKey !!}][]" data-name="sc" class="form-control"/></span>Security Cheque</li>
                                                            <li><span><input @if(isset($journey['enach'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="enach[{!! $journeyKey !!}][]" data-name="enach" class="form-control"/></span>eNACH</li>
                                                            <li><span><input @if(isset($journey['vc'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="vc[{!! $journeyKey !!}][]" data-name="vc" class="form-control"/></span>Verification Call</li>
                                                            <li><span><input @if(isset($journey['bank'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="bank[{!! $journeyKey !!}][]" data-name="bank" class="form-control"/></span>Banking</li>
                                                            <li><span><input @if(isset($journey['ref'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="ref[{!! $journeyKey !!}][]" data-name="ref" class="form-control"/></span>Reference</li>
                                                            <li><span><input @if(isset($journey['coapp'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="coapp[{!! $journeyKey !!}][]" data-name="coapp" class="form-control"/></span>Co-applicant</li>
                                                            <li><span><input @if(isset($journey['rp'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="rp[{!! $journeyKey !!}][]" data-name="rp" class="form-control"/></span>Relationship Proof</li>
                                                            <li><span><input @if(isset($journey['cap'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="cap[{!! $journeyKey !!}][]" data-name="cap" class="form-control"/></span>Current Address Proof (Utility Bill, Rent Agreement, Post-paid Mobile Bill)</li>
                                                            <li><span><input @if(isset($journey['insurance'])) checked="" @endif @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) disabled @endif type="checkbox" name="insurance[{!! $journeyKey !!}][]" data-name="insurance" class="form-control"/></span>Insurance</li>
                                                        </ul>
                                                    </td>
                                                    <td><input type="number" min="10000" max="2000000" @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) readonly disabled @endif  name="frla[{!! $journeyKey !!}][]" value="{!! $journey['frla'] !!}" class="form-control n-num-a" required/></td>
                                                    <td><input type="number" min="10000" max="2000000" @if(!\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')) readonly disabled @endif  name="trla[{!! $journeyKey !!}][]" value="{!! $journey['trla'] !!}" class="form-control n-num-b" required/></td>
                                                    <td>@if(\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49'))<i class="fa fa-trash delete-trash" data-id="{!! $journeyKey !!}"></i>@endif</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    @endforeach
                                @endif
                            </table>
                        </div>
                        <div class="btn btn-primary add_more_rule" data-count="1"><i class="fa fa-plus-circle" aria-hidden="true"></i> Add More</div>
                        <button class="btn btn-primary" id="add-rule-frm" type="submit">Save Rules</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

@include("admin.layouts.footer")

<script>

    $('form').submit(function () {
        let isReturn = true
        $("input.n-num-a").each(function (){
            if (parseFloat($(this).val()) > 0 && parseFloat($(this).parent().next().find('input.n-num-b').val()) > 0 && parseFloat($(this).val()) > parseFloat($(this).parent().next().find('input.n-num-b').val())){
                alert('Second field amount should be greater then first field');
                isReturn = false;
                $('html, body').animate({
                    scrollTop: $(this).offset().top - 100
                }, 200);
                return false;
            }
        });

        return isReturn;
    });

    $(".add_more_rule").click(function(){
        let lid = $(this).attr('data-count');
        let cl = Math.floor(1000 + Math.random() * 9000);
        $("div.nr-rws > table").append('<tr class="sub_'+cl+' '+cl+'"">'+$("tr.main-rs-desc").html()+'</tr>');
        $.each($("tr."+cl).find('input'), function(item, index){
            $(this).attr('name', $(this).attr('data-name')+'['+cl+'][]');
        });
        $("tr.sub_"+cl).find('input').removeAttr('disabled');
        $("div.nr-rws").find("tr."+cl+" > td.frla").html('<input type="number" min="10000" max="2000000" name="frla['+cl+'][]" value="1" class="form-control n-num-a" required/>');
        $("div.nr-rws").find("tr."+cl+" > td.trla").html('<input type="number" min="10000" max="2000000" name="trla['+cl+'][]" value="2" class="form-control n-num-b" required/>');
        <?php if(\Illuminate\Support\Facades\Session::has('Delete_And_Edit_Merchant_Rule|-49')){ ?>
        $("div.nr-rws").find("tr."+cl+" > td.trdl").html('<i class="fa fa-trash delete-trash" data-id="'+cl+'"></i>');
        <?php } ?>

    });

    $(document).on('click', '.delete-trash', function (){
        if(window.confirm("Are you sure? Deleting the rule")){
            $(this).parent().parent().closest('tr').remove();
            $("form#save-rules-frm").submit();
        }
    });
</script>