@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .req-css{
        color: red;
        position: absolute;
        right: 14px;
    }
    .panel-heading {
        background-color: #f1f1f1;
        border: 1px solid #e0dfe0;
        padding-left: 10px;
        padding-top: 6px;
        cursor: pointer;
    }
    .panel-default {
        padding-bottom: 4px;
    }
    ul.comment_section{
        list-style: none;padding-top: 13px;padding-left: 0;
        max-height:200px;
        overflow-y:scroll;
    }
    ul.comment_section > li{
        padding-bottom: 5px;
        border: 1px #00c5dc;
        border-bottom-style: solid;
    }
    ul.comment_section > li > div{
        font-size: 13px;
    }
    ul.comment_section > li > div > span{
        padding-left: 12px;
        font-size: 10px;
    }
</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">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    @if(isset($merchantModule->id)) Edit @else Add @endif Merchant Module
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="{{ asset('/') }}" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ asset('admin-user') }}" class="m-nav__link">
                            <span class="m-nav__link-text">
                                 Module
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                @if(isset($merchantModule->id)) Edit @else Add @endif
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if($errors->any())
            @foreach($errors->all() as $key => $error)
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                    {{$error}}
                </div>
            @endforeach
        @endif
        @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="flaticon-add"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            @if(isset($merchantModule->id)) Edit @else Add @endif Merchant Module
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <form action="@if(isset($merchantModule->id)) {{ asset('admin/merchant/module/update/'.$merchantModule->id) }} @else {{ asset('admin/merchant/module/'.$id) }} @endif " class="m-form m-form--fit m-form--label-align-right" method="POST" enctype="multipart/form-data">
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Net Tenure: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="tenure" value="{{ Request::old('tenure',isset($merchantModule->tenure) ? $merchantModule->tenure : '') }}" placeholder="Enter Tenure" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Subvention (%): <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" class="form-control m-input" name="subvention" value="{{ Request::old('tenure',isset($merchantModule->subvention) ? $merchantModule->subvention : '') }}" placeholder="eg. 4.5" required="">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Status:
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="status">
                                    <option value="0" @if(isset($merchantModule->status) && $merchantModule->status == 0) selected="selected" @endif>Inactive</option>
                                    @if(isset($merchantModule->status) && $merchantModule->status == 1)
                                        <option value="1" @if(isset($merchantModule->status) && $merchantModule->status == 1) selected="selected" @endif>Active</option>
                                    @endif
                                    @if(!isset($merchantModule->status) || (isset($merchantModule->status) && $merchantModule->status != 1 && $merchantModule->status != 3))
                                    <option value="2" @if(isset($merchantModule->status) && $merchantModule->status == 2) selected="selected" @endif>Pending For Signing</option>
                                    @endif
                                    @if(isset($merchantModule->status) && $merchantModule->status == 3)
                                        <option value="3" @if(isset($merchantModule->status) && $merchantModule->status == 3) selected="selected" @endif>Sent For Signing</option>
                                    @endif
                                </select>
                            </div>
                        </div>
                        </div>
                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    @if(!isset($merchantModule->id) || (isset($merchantModule->id) && \Illuminate\Support\Facades\Session::has('Merchant_Module_Update|1-0-4-2')))
                    <div class="m-form__actions m-form__actions">
                        <button type="submit" class="btn btn-primary">
                            @if(isset($merchantModule->id)) Update @else Submit @endif
                        </button>
                        <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                            Cancel
                        </button>
                    </div>
                </div>
                @endif
            </form>
            <!--end::Form-->
        </div>
    </div>
</div>


@include("admin.layouts.footer")
<script>
    $(".add_more_documents").click(function(){
        generateDocumentBox('');
    });

    function generateDocumentBox(type){
        var box = '<div class="col-md-12 row auto_generated_'+type+'">'+$(".first_view_html").html()+'</div>';
        $(".add_more_documents_row").append(box);
    }

    $(document).on('change','#documents',function(){
        var document = $(this).val();
        $(this).parent().next('div').css({'display':'none'});
        $(this).parent().next('div').next('div').css({'display':'none'});
        $(this).parent().next('div').next('div').next('div').css({'display':'none'});
        if(document){
            if($(this).find('option:selected').attr('data-is-bank') == 1){
                $(this).parent().next('div').next('div').css({'display':'block'});
            }
            if($(this).find('option:selected').attr('data-is-name') == 1){
                $(this).parent().next('div').css({'display':'block'});
            }
            if($(this).find('option:selected').attr('data-is-password') == 1){
                $(this).parent().next('div').next('div').next('div').css({'display':'block'});
            }
        }

        $(this).parent().next('div').next('div').next('div').next('div').find('input').attr('name','fileNamePDF['+document+'][]');
    });

    $(document).ready(function(){
        $(".loading_icon_c").find('img').css({'display':'block'});
        var applicationid = '<?php echo isset($merchant->id) ? $merchant->id : 0; ?>';
        $.ajax({
            url: "/api/application-comment-get/"+applicationid+"?type=merchant",
            method: 'GET',
            data: {}
        }).done(function(response) {
            $(".loading_icon_c").find('img').css({'display':'none'});
            $(".comment_section").append(response.comments)
        });
    })

    $("#save_update").click(function(e){
        var id = '<?php echo Auth::user()->id; ?>';
        var merchant_id = '<?php echo isset($merchant->id) ? $merchant->id : 0; ?>';
        if(merchant_id == 0){
            alert('Please select Merchant');
            return true;
        }
        var comment = $("#comment_box").val();
        var show_for_merchant = $("input[name='show_for_merchant']").is(":checked");
        if(show_for_merchant){
            show_for_merchant = 1;
        }else{
            show_for_merchant = 0;
        }
        if(comment.length === 0){
            alert('Please enter your comment!');
            return false;
        }
        $(".loading_icon_c").find('img').css({'display':'block'});
        $.ajax({
            url: "{{ asset('api/application-comment-update') }}",
            method: 'POST',
            data: {comment:comment,id:id,application_id:merchant_id,show_merchant:show_for_merchant,type:'merchant'}
        }).done(function(response) {
            $("#comment_box").val('');
            $(".loading_icon_c").find('img').css({'display':'none'});
            $(".comment_section").prepend(response.comments);
            alert(response.message);
        });
    });
</script>