@include('admin.layouts.header')
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHVvDZIz9KzVEEC155az7swkSmTkyVpxo&libraries=visualization"></script>
@include('admin.layouts.sidebar')
<style>

    .checkbox-view{
        margin-left: -48%;
    }
    input[type='checkbox']{
        position: absolute;
        top: 6px;
        right: -128px;
    }
    .btn-level-n-1{
        background-color: #d64141;
        color: white;
        font-weight: 600;
        float: right;
    }
    .btn-level-n-2{
        background-color: yellow;
        color: #5f5c5c;
        font-weight: 600;
        float: right;
    }
    input[name='whatsapp']{
        position: relative;
        top: 0;
        right: 0;
    }

    input[name='sms']{
        position: relative;
        top: 0;
        right: 0;
    }

    input[name='show_for_merchant']{
        position: absolute;
        top: 6px;
        right: 0 !important;
    }

    input[name='show_for_consumer']{
        position: absolute;
        top: 6px;
        right: 0 !important;
    }

    input[type='file']{
        border-style:none;
    }
    span.credit_score{
        font-size: 11px;
    }
    input[name='customer_age']{
        border-style:none;
    }
    .comment_bb_rl{
        z-index: 09;
        right: 0 !important;
    }
    .group-css{
        background-color: #f9eaea;
        padding: 9px;
        margin-bottom: 13px;
        margin-top: 13px;
        border: 1px solid #e0dace;
    }
    .btn-group > label >  input[type='radio']{
        display: none;
    }
    .percentMatch{
        background-color: #399414;
        color: white;
        text-align: center;
        width: 200px;
        padding: 7px 4px;
        font-weight: 800;
        border-radius: 3px;
    }
    .panel-heading {
        background-color: #f1f1f1;
        border: 1px solid #e0dfe0;
        padding-left: 10px;
        padding-top: 6px;
        cursor: pointer;
    }
    .panel-default {
        padding-bottom: 4px;
    }
    .q-name-up{
        font-weight: 700;
    }
    .btn-default.btn-on.active{background-color: #5BB75B;color: white;}
    .btn-default.btn-off.active{background-color: #DA4F49;color: white;}
</style>
<?php if(isset($show_disbursed) && $show_disbursed == 0){ ?>
<style>
    .disbursed-hide{
        display: none !important;
    }</style>
<?php } ?>
<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(\Illuminate\Support\Facades\Input::has('credit_policy')) Credit Policy Checklist @else Consumer Application Verification @endif
                </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">
                                 @if(\Illuminate\Support\Facades\Input::has('credit_policy')) Credit Policy Checklist @else Consumer Application Verification @endif
                            </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">
                                Verification V1
                            </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" style="position: relative;">
                    <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(\Illuminate\Support\Facades\Input::has('credit_policy')) Credit Policy Checklist @else Consumer Application Verification @endif - {{$consumer_applications->name or ''}}
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <form action="javascript:void(0)" class="m-form m-form--fit m-form--label-align-right" data-id="{!! $application_id or '' !!}" method="POST" enctype="multipart/form-data" id="verification-checklist-submitted">
                <div class="m-portlet__body" style='padding: 0!important'>
                    <div class="m-form__section m-form__section--first">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div>
                            <nav style="font-size: 13px;">
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <a class="nav-item nav-link active" id="nav-applicant-tab" data-toggle="tab" href="#nav-applicant" role="tab" aria-controls="nav-applicant" aria-selected="true">Applicant</a>
                                    <a class="nav-item nav-link" id="nav-co-applicant-tab" data-toggle="tab" href="#nav-co-applicant" role="tab" aria-controls="nav-co-applicant" aria-selected="false">Co-Applicant</a>
                                    <a class="nav-item nav-link" id="nav-document-tab" data-toggle="tab" href="#nav-document" role="tab" aria-controls="nav-document" aria-selected="false">Document</a>
                                    <a class="nav-item nav-link" id="nav-merchant-product-details-tab" data-toggle="tab" href="#nav-merchant-product-details" role="tab" aria-controls="nav-merchant-product-details" aria-selected="false">Merchant/Product Details</a>
                                    <a class="nav-item nav-link" id="nav-kyc-tab" data-toggle="tab" href="#nav-kyc" role="tab" aria-controls="nav-kyc" aria-selected="false">KYC</a>
                                    <a class="nav-item nav-link" id="nav-call-logs-tab" data-toggle="tab" href="#nav-call-logs" role="tab" aria-controls="nav-call-logs" aria-selected="false">Call Logs</a>
                                    <a class="nav-item nav-link" id="nav-geolocation-tab" data-toggle="tab" href="#nav-geolocation" role="tab" aria-controls="nav-geolocation" aria-selected="false">Geolocation</a>
                                    <a class="nav-item nav-link" id="nav-post-approval-chane-log-tab" data-toggle="tab" href="#nav-post-approval-chane-log" role="tab" aria-controls="nav-post-approval-chane-log" aria-selected="false">Post Approval Change Log</a>
                                    <a class="nav-item nav-link" id="nav-mandatory-document-log-tab" data-toggle="tab" href="#nav-mandatory-document-log" role="tab" aria-controls="nav-mandatory-document-log" aria-selected="false">Mandatory Document Log</a>
                                </div>
                            </nav>
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-applicant" role="tabpanel" aria-labelledby="nav-applicant-tab">
                                    <div class="col-md-12">
                                        <div class="row container">
                                            <div class="col-md-6">
                                                <table class="table">
                                                    <tr>
                                                        <td>Bureau Report</td> <td><div class="btn btn-primary">View Report</div></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Age (18-65 Years)</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>PAN</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>PAN Validation</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Aadhaar</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Current Address Proof</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Residing in Negative Area</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Tele Verification</td> <td></td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="col-md-6">
                                                <table class="table">
                                                    <tr>
                                                        <td>Bureau Report</td> <td><div class="btn btn-primary">View Report</div></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Age (18-65 Years)</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>PAN</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>PAN Validation</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Aadhaar</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Current Address Proof</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Residing in Negative Area</td> <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Tele Verification</td> <td></td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-co-applicant" role="tabpanel" aria-labelledby="nav-co-applicant-tab">...</div>
                                <div class="tab-pane fade" id="nav-document" role="tabpanel" aria-labelledby="nav-co-document-tab">...</div>
                                <div class="tab-pane fade" id="nav-merchant-product-details" role="tabpanel" aria-labelledby="nav-merchant-product-details-tab">...</div>
                                <div class="tab-pane fade" id="nav-kyc" role="tabpanel" aria-labelledby="nav-kyc-tab">...</div>
                                <div class="tab-pane fade" id="nav-call-logs" role="tabpanel" aria-labelledby="nav-call-logs-tab">...</div>
                                <div class="tab-pane fade" id="nav-geolocation" role="tabpanel" aria-labelledby="nav-geolocation-tab">...</div>
                                <div class="tab-pane fade" id="nav-post-approval-chane-log" role="tabpanel" aria-labelledby="nav-post-approval-chane-log-tab">...</div>
                                <div class="tab-pane fade" id="nav-mandatory-document-log" role="tabpanel" aria-labelledby="nav-mandatory-document-log-tab">...</div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!--end::Form-->
        </div>
    </div>
</div>

@include('admin.modal.email_reminders')
@include('admin.modal.modals')
@include("admin.layouts.footer")

<script>

</script>