@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .panel-heading {
        background-color: #f1f1f1;
        border: 1px solid #e0dfe0;
        padding-left: 10px;
        padding-top: 6px;
        cursor: pointer;
    }
    .panel-default{
        padding-bottom: 4px;
    }
    .panel-collapse{
        background-color: #ffffff;
        padding: 10px;
        border: 1px solid #dedada;
    }
</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">
                    Auto Document Rules
                </h3>
            </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-object-ungroup"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Auto Document Rules
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="m-section">
                    <div class="m-section__content">
                        <form action="@if(isset($grade->id)) {!! asset('admin/grade/update/'.$grade->id) !!} @else {!! asset('admin/grade/add') !!} @endif" class="m-form m-form--fit m-form--label-align-right" method="POST" enctype="multipart/form-data">
                            <input type="hidden" name="_token" value="{!! csrf_token() !!}" />
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="col-md-12" style="margin-left: -45px;">
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-6 col-form-label">
                                                Document Set Name
                                            </label>
                                            <div class="col-lg-6">
                                                <input type="text" placeholder="Enter Document Set Name. ex. A" class="form-control" name="document_set_name"/>
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-6 col-form-label">
                                                Choose Employment Type:
                                            </label>
                                            <div class="col-lg-6">
                                                <select class="form-control" name="employment_type">
                                                    <option value="">Select Type</option>
                                                    <option value="Salaried">Salaried</option>
                                                    <option value="Self Employed">Self Employed</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row choose_document_type_div" style="display: none;">
                                            <label class="col-lg-6 col-form-label">
                                                Choose Document Type:
                                            </label>
                                            <div class="col-lg-6">
                                                <select class="form-control" name="document_type">
                                                    <option value="">Select Type</option>
                                                    <option value="id_proof">ID Proof</option>
                                                    <option value="address_proof">Address Proof</option>
                                                    <option value="income_proof">Income Proof</option>
                                                    <option value="banking">Banking</option>
                                                    <option value="business_proof">Business Proof</option>
                                                    <option value="co_applicant">Co-applicant</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="col-md-12 add_document_div" style="margin-left: -45px;display: none;">
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-6 col-form-label">
                                                Add Document:
                                            </label>
                                            <div class="col-lg-6">
                                                <textarea type="text" placeholder="Add List of Comma Separated Documents &#10;ex. Bank Statement, ITR" class="form-control m-input" style="width: 251px;height: 132px;" name="document_name"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="col-md-2 btn btn-primary save_button_list_div" style="display: none;float: right;right: 54px;text-align: center;">Save</div>
                                    </div>
                                </div>
                            </div>
                            <hr/>
                            <div class="panel-group">
                                <div class="panel panel-default">
                                    <div class="panel-heading" data-toggle="collapse" href="#collapse1">
                                        <h4 class="panel-title">
                                            <a style="color: #6d6666;font-size: 16px;">Thin File/Negative Profile Rule</a>
                                        </h4>
                                    </div>
                                    <div id="collapse1" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Choose Alice: <span style="color: red;">*</span>
                                                        </label>
                                                        <div class="col-lg-9">
                                                            <input type="text" class="form-control m-input" name="alice" value="{!! Request::old('alice',isset($grade->alice) ? $grade->alice : '') !!}" placeholder="Alice Name" required="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Credit Score: <span style="color: red;">*</span>
                                                        </label>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="score_from" value="{!! Request::old('score_from',isset($grade->score_from) ? $grade->score_from : '') !!}" placeholder="Score From" required="">
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="score_to" value="{!! Request::old('score_to',isset($grade->score_to) ? $grade->score_to : '') !!}" placeholder="Score To" required="">
                                                        </div>
                                                    </div>

                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Negative Profile:
                                                        </label>
                                                        <div class="col-lg-6">
                                                            <input type="checkbox" class="form-control m-input" name="negative_profile">
                                                        </div>
                                                    </div>

                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Negative Area:
                                                        </label>
                                                        <div class="col-lg-6">
                                                            <input type="checkbox" class="form-control m-input" name="negative_area">
                                                        </div>
                                                    </div>

                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Collateral Loan:
                                                        </label>
                                                        <div class="col-lg-6">
                                                            <input type="checkbox" class="form-control m-input" name="collateral_loan">
                                                        </div>
                                                    </div>


                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Choose Document Set: <span style="color: red;">*</span>
                                                        </label>
                                                        <div class="col-lg-6">
                                                            <select class="form-control" name="document_set">
                                                                <option value="">Select Set</option>
                                                                <option value="Salaried">Salaried</option>
                                                                <option value="Self Employed">Self Employed</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            FOIR:
                                                        </label>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="foir_from" value="{!! Request::old('foir_from',isset($grade->foir_from) ? $grade->foir_from : '') !!}" placeholder="FOIR From">
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="foir_to" value="{!! Request::old('foir_to',isset($grade->foir_to) ? $grade->foir_to : '') !!}" placeholder="FOIR To">
                                                        </div>
                                                    </div>

                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Loan Amount:
                                                        </label>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="loan_amount_from" value="{!! Request::old('loan_amount_from',isset($grade->loan_amount_from) ? $grade->loan_amount_from : '') !!}" placeholder="Loan Amount From">
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="loan_amount_to" value="{!! Request::old('loan_amount_to',isset($grade->loan_amount_to) ? $grade->loan_amount_to : '') !!}" placeholder="Loan Amount To">
                                                        </div>
                                                    </div>


                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Income:
                                                        </label>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="income_from" value="{!! Request::old('income_from',isset($grade->income_from) ? $grade->loan_amount_from : '') !!}" placeholder="Income From">
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="income_to" value="{!! Request::old('income_to',isset($grade->income_to) ? $grade->income_to : '') !!}" placeholder="Income To">
                                                        </div>
                                                    </div>
                                                    <div class="form-group m-form__group row">
                                                        <label class="col-lg-3 col-form-label">
                                                            Net Disbursement: <span style="color: red;">*</span>
                                                        </label>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="disbursement_from" value="{!! Request::old('disbursement_from',isset($grade->disbursement_from) ? $grade->disbursement_from : '') !!}" placeholder="Disbursement From">
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <input type="text" class="form-control m-input" name="disbursement_to" value="{!! Request::old('disbursement_to',isset($grade->disbursement_to) ? $grade->disbursement_to : '') !!}" placeholder="Disbursement To">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="m-portlet__foot m-portlet__foot--fit">
                                <div class="m-form__actions m-form__actions">
                                    <button type="submit" class="btn btn-primary">
                                        @if(isset($grade->id))
                                            Update
                                            @else
                                            Save
                                        @endif
                                    </button>
                                    <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                                        Cancel
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")
<script>
    $("select[name='employment_type']").change(function () {
       $(".choose_document_type_div").css({display:'flex'});
    });

    $("select[name='document_type']").change(function () {
        $(".add_document_div").css({display:'flex'});
        $(".save_button_list_div").css({display:'list-item'});
    });

    $(".save_button_list_div").click(function(){
        var document_set_name = $("input[name='document_set_name']").val();
        var employment_type = $("select[name='employment_type'] option:selected").val();
        var document_type = $("select[name='document_type'] option:selected").val();
        var document_list = $("textarea[name='document_name']").val();

        $(".init-loader").css({display:'block'});
        var _token = '<?php echo csrf_token(); ?>';
        $.ajax({
            type: 'POST',
            url: "/admin/consumer-application/auto-documents",
            data: {
                document_set_name: document_set_name,
                _token: _token,
                employment_type: employment_type,
                document_type: document_type,
                document_list: document_list
            },
            dataType: "JSON",
            success: function (response) {
                $(".init-loader").css({display:'none'});
                if (response.status === 'OK') {

                }
            }
        });
    });
</script>