@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .popover-body > ul {
        padding: 0;
    }
    .popover{
        z-index: 2061;
    }
    .popover-body > ul > li {
        list-style: none;
        cursor: pointer;
        border-bottom-style: solid;
        border-bottom-color: #c5bbbb;
        border-bottom-width: 1px;
        padding: 6px;
    }
</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">
                    Merchants
                </h3>
            </div>

        </div>
    </div>
    <!-- END: Subheader -->
    <div style="margin-left: 13px;">
        <span class="dropdown list-icon" href="javascript:void(0);" title="More details" style="left: 12px;">
            <span class="dropdown-toggle btn btn-accent m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill" data-toggle="dropdown">More Details</span>
                <ul class="dropdown-menu">
                    <li><a target="_blank" data-toggle="modal" data-target="#createCategory">Create Merchant Category</a></li>
                    @if(\Illuminate\Support\Facades\Session::has('Verification_Script|-28'))
                    <li><a target="_blank" data-toggle="modal" data-target="#editScript">Edit Verification Script</a></li>
                    @endif
                    <li><a target="_blank" data-toggle="modal" data-controls-modal="updateCategory" data-backdrop="static" data-keyboard="false" data-target="#updateCategory">Update Merchant Category Mail</a></li>
                    @if(\Illuminate\Support\Facades\Session::has('PF_Surcharge_Discount|-63'))
                    <li><a href="{{ asset('/admin/merchant/risk-based-pricing') }}">Risk Based Pricing Dashboard</a></li>
                    @endif
                    @if(\Illuminate\Support\Facades\Session::has('Merchant_Activate_Edit_KW_Values_Yes|1-0-7-0'))
                    <li><a target="_blank" data-toggle="modal" data-target="#updateKWCapping">Update KW Capping Cost for solar</a></li>
                    @endif
                    @if(\Illuminate\Support\Facades\Session::has('Merchant_Update_Legal_Charges_Yes|1-0-8-0'))
                    <li><a target="_blank" data-toggle="modal" data-target="#updateLegalCharges">Update Legal charges</a></li>
                    @endif
                </ul>
        </span>
    </div>
    <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">
                            Merchants
                        </h3>
                    </div>
                </div>
                @if(\Illuminate\Support\Facades\Session::has('Merchant_Create|1-0-1'))
                <div class="m-portlet__head-tools">
                    <a href="{{ asset('admin/merchant/add') }}" class="btn btn-accent m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill">
                        <span>
                           Add Merchants
                        </span>
                    </a>
                @endif
                @if(\Illuminate\Support\Facades\Session::has('Create_Merchant_User|-31'))
                        <a href="{{ asset('/admin/merchant/user/add') }}" class="btn btn-accent m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill" style="margin-right: 0px;">
                            <span>Add User</span>
                        </a>
                @endif
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="col-md-12">
                    <form action="{{asset('admin/merchant/search')}}" method="post" id="search_merchant" name="search_merchant" class="form-horizontal">
                        <input name="_token" value="{{ csrf_token() }}" type="hidden">
                        <div class="row" style="padding-bottom: 10px;margin-left: -32px;padding-top: 10px;">
                            <div class="col-md-3">
                                <select class="form-control" name="category_id">
                                    <option value="">Select Category</option>
                                    @foreach($categories as $category)
                                        <option value="{!! $category->id !!}" @if(isset($category_id) && $category_id == $category->id) selected="selected" @endif>{!! $category->name !!}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <input type="text" name="search_text" class="form-control" title="Search by name, email, mobile" placeholder="Search by name, email, mobile" value="{{Request::old('search_text', $search_text)}}"/>
                            </div>
                            <div class="col-md-3" style="margin-top: -3px">
                                <label>Show Only Guest Merchant</label>
                                <input type="checkbox" name="is_guest_login" @if(isset($is_guest_login)) checked="checked" @endif class="form-control" />
                            </div>
                            <div class="col-md-2 search-for-consumer">
                                <button type="submit" id="search" style="background-color: #42d9e4;cursor: pointer;color: white;" class="form-control">Search</button>
                            </div>
                            <div class="col-md-3">
                                <div class="btn btn-primary" onclick="return window.location = '/admin/merchants';">Clear Filter</div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="m-section">
                    <div class="m-section__content">
                        @if(@count($merchants) > 0)
                        <table class="table m-table merchant-form">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Category</th>
                                    {{--<th>Email</th>--}}
                                    <th>Website URL</th>
                                    <th>Referral Code</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            <?php $page = (app('request')->input('page') > 1) ? app('request')->input('page') : 1; ?>
                                    @foreach($merchants as $key => $merchant)
                                    <tr id="merchant_{!! $merchant->id !!}">
                                        <th scope="row"><span id="table_th_{!! $merchant->id !!}" style="padding-bottom: 0px !important;position: absolute;margin-left: -30px;"></span> <?php echo ((($page-1) * 20) + ($key + 1)) ?> <i @if($merchant->call_list && !empty($merchant->call_list)) data-toggle="popover" title="Call" data-html="true"  data-content="{!! $merchant->call_list !!}" class="fa fa-phone popover-view-check" @else class="fa fa-phone exotel-call" @endif data-type="application_id"  data-id="{!! $merchant->id !!}" data-contact="{!! $merchant->contact_number !!}" style="color: black;padding-top: 10px;"></i> </th>
                                        <td>@if(isset($merchant->merchant_name)) {{ $merchant->merchant_name }} @else - @endif
                                        <div>
                                            @if($merchant->pendingDoc)
                                                <div style="color: #da332e;padding-top: 30px;">
                                                    @foreach($merchant->pendingDoc as $penDoc=>$penDocValue)
                                                        @if(!$penDocValue)
                                                            <span><i class="fa @if($penDocValue) fa-check-circle @else fa-close @endif" style="@if($penDocValue) color: #ffffff; @else color: #da0707; @endif" aria-hidden="true"></i> {!! $penDoc !!}</span>
                                                        @endif
                                                    @endforeach
                                                </div>
                                            @endif

                                        </div>
                                        </td>
                                        <td>
                                            <?php
                                            // $category_name = $category_names[$merchant->category_id]['name'];
                                            // $category_name = \App\MerchantCategory::where('id',$merchant->category_id)->first(['name']);
                                            // $signed_agreement = \App\MerchantFiles::where('merchant_id',$merchant->id)->whereNull('type')->where('file_type','signed_agreement')->first(['id']); echo isset($category_name->name) ? $category_name->name : '-';
                                            // echo isset($category_name) ? $category_name : '-';
                                            ?>
                                            {{ $category_names[$merchant->category_id]['name'] or '-' }}
                                        </td>
                                        {{--<td>@if(isset($merchant->email)) {{ $merchant->email }} @else -- @endif</td>--}}
                                        {{--<td class="exotel-call"  data-id="{!! $merchant->id !!}" data-type="merchant_id" data-contact="{!! $merchant->contact_number !!}">@if(isset($merchant->contact_number)) {{ ($merchant->contact_number) }} @else -- @endif</td>--}}

                                        {{--<td>@if(isset($merchant->merchant_logo)) <img src="{{ asset($merchant->merchant_logo) }}" style="max-height: 80px; max-width: 80px;" alt="--"> @else -- @endif</td>--}}
                                        <td><div style="position: relative;">@if(isset($merchant->website_url)) <a style="font-size: 12px;" href="{{ $merchant->website_url }}" target="_blank" title="Co-Partner Page URL">Partner <i style="position:absolute;right:0;top: 4px;" class="fa fa-external-link-square" aria-hidden="true"></i></a> @else -- @endif</div>
                                            <div style="position: relative;">@if(isset($merchant->emi_check_out_url)) <a style="font-size: 12px;" href="{{ $merchant->emi_check_out_url }}" target="_blank" title="EMI Checkout Page URL">Checkout <i style="position:absolute;right:0;top: 4px;" class="fa fa-external-link-square" aria-hidden="true"></i></a> @else -- @endif</div>
                                        </td>
                                        <td><?php echo strtoupper($merchant->code);?></td>
                                        <td>@if(isset($merchant->status)) @if(!isset($merchant->receive_application)) Deactivated @elseif($merchant->status == 'active' && $merchant->pre_status == 0) Active for disbursements @elseif($merchant->status == 'active' && $merchant->pre_status == 1) Active for login/training @else {{ ($merchant->status) }} @endif @else -- @endif</td>
                                        <td>
                                            @if(\Illuminate\Support\Facades\Session::has('Merchant_Update|1-0-2'))
                                            <a href="{{ asset('admin/merchant/edit/'.$merchant->id) }}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill"
                                            title="Edit">
                                            <i class="la la-edit"></i>
                                            </a>
                                            @endif
                                            <span class="dropdown list-icon m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" href="javascript:void(0);" title="Email">
                                            <i class="la la-bell dropdown-toggle" data-toggle="dropdown"></i>
                                            <ul class="dropdown-menu" style="max-height: 200px; overflow-y: auto;">
                                                @if(isset($merchant->module[0]))
                                                    @if(!isset($merchant->digital_sign->id) && !isset($merchant->digital_sign->isagreementsigned))
                                                        <li><a class="dropdown-item send_loan_agreement" data-type="Merchant Agreement" data-id="{!! $merchant->id !!}" href="javascript:void(0);">Merchant Master Agreement</a></li>
                                                    @else
                                                        <li><a class="dropdown-item send_loan_agreement" data-type="Merchant ReAgreement" data-id="{!! $merchant->id !!}" href="javascript:void(0);">Merchant Master Agreement For Resigning</a></li>
                                                    @endif
                                                @endif
                                                @if(isset($merchant->active_offers[0]) && isset($merchant->module[0]) && $merchant->status == 'active' && !$merchant->welcome_letter_sent && $merchant->is_guest_active)
                                                    <li><a class="dropdown-item send_loan_agreement" data-id="{!! $merchant->id !!}" data-type="Welcome Letter" href="javascript:void(0);">Send Welcome Letter</a></li>
                                                @endif
                                                @if(\Illuminate\Support\Facades\Session::has('Merchant_Module_View|1-0-4-0'))
                                                    <li><a class="dropdown-item" data-id="{!! $merchant->id !!}" href="{{ asset('admin/merchant/module/'.$merchant->id) }}">Merchant Master Module</a></li>
                                                @endif
                                                @if($merchant->is_equifax == 1 && (\Illuminate\Support\Facades\Session::has('Equifax_View|14-2-0') || \Illuminate\Support\Facades\Session::has('Equifax_Pull|14-2-1')))
                                                   <li><a class="dropdown-item" href="/admin/report/equifax/{!! $merchant->id !!}/merchant" data-id="{!! $merchant->id !!}" data-is-live="0">View Bureau Report</a></li>
                                                @else
                                                    @if(\Illuminate\Support\Facades\Session::has('Equifax_Pull|14-2-1'))
                                                    <li><a class="dropdown-item generate_equifax_report" href="javascript:void(0);" data-id="{!! $merchant->id !!}" data-is-live="0">Generate Bureau</a></li>
                                                    @endif
                                                @endif
                                                @if(!$merchant->gst_authentication && \Illuminate\Support\Facades\Session::has('GST_Authentication_Report_Pull|14-3-1'))
                                                   <li><a class="dropdown-item generate_gst_authentication" href="javascript:void(0);" data-id="{!! $merchant->id !!}" data-is-live="0">Generate GST Authentication Report</a></li>
                                                @endif
                                                @if(\Illuminate\Support\Facades\Session::has('Download_Merchant_Creative|-46'))
                                                    <li style="display: none;"><a class="dropdown-item" href="/admin/merchant/download-creative/{!! $merchant->id !!}" target="_blank" data-id="{!! $merchant->id !!}" data-is-live="0">Download Creative</a></li>
                                                    <li style="display: none;"><a class="dropdown-item" href="/admin/merchant/download-creative/{!! $merchant->id !!}?send=true" target="_blank" data-id="{!! $merchant->id !!}" data-is-live="0">Send Creative</a></li>
                                                @endif
                                                @if(\Illuminate\Support\Facades\Session::has('Generate_MIS_Report_Pull|14-1-0'))
                                                    <li><a class="dropdown-item generate_mis_report" href="{{ asset('admin/merchant/mis-report/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">Generate MIS Report</a></li>
                                                @endif
                                                @if(\Illuminate\Support\Facades\Session::has('Product_View|14-0-0') || \Illuminate\Support\Facades\Session::has('Product_Create|14-0-1') || \Illuminate\Support\Facades\Session::has('Product_Delete|14-0-2'))
                                                    <li><a class="dropdown-item produts" href="{{ asset('admin/merchant/product-list/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">Products</a></li>
                                                @endif
                                                @if($merchant->is_fldg_active)
                                                    <li><a class="dropdown-item" href="{{ asset('admin/merchant/fldg/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">FLDG Dashboard</a></li>
                                                @endif
                                                @if(isset($merchant->status) && $merchant->status == 'active' && $merchant->pre_status == 0)
                                                    <li><a class="dropdown-item" href="{{ asset('admin/merchant/fldg-all/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">Get Liability & FLDG Report</a></li>
                                                @endif
                                                    <li><a class="dropdown-item" href="{{ asset('admin/merchant/customer_journey/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">Customer Journey</a></li>
                                                @if((isset($offersData->status) && $offersData->status == 1) || isset($merchant->module[0]) || isset($signed_agreement[$merchant->id]['id']))
                                                    <li><a class="dropdown-item" href="{{ asset('admin/merchant/api/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">API Integration</a></li>
                                                @endif
{{--                                                <li><a class="dropdown-item" href="{{ asset('admin/merchant/risk-based-pricing/'.$merchant->id) }} " data-id="{!! $merchant->id !!}" data-is-live="0">Risk Based Pricing Dashboard</a></li>--}}
                                            </ul>
                                            </span>
                                            @if(\Illuminate\Support\Facades\Session::has('Merchant_Center_View|1-0-1-0'))
                                            <a href="{{ asset('admin/merchant/location/'.$merchant->id) }}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill"
                                            title="Location">
                                            <i class="fa fa-map-marker"></i>
                                            </a>
                                            @endif
                                            <?php $offersData = isset($merchant->active_offers[0]) ? $merchant->active_offers[0] : ''; ?>
                                            @if((isset($offersData->status) && $offersData->status == 1) || isset($merchant->module[0]) || isset($signed_agreement[$merchant->id]['id']))
                                                @if(((isset($merchant->digital_sign->id) && isset($merchant->digital_sign->isagreementsigned)) || isset($signed_agreement[$merchant->id]['id']) || (strtotime($merchant->created_at) < strtotime('2019-03-21 10:00:00'))) || !$merchant->is_guest_active)
                                                   @if(\Illuminate\Support\Facades\Session::has('Merchant_Offers_View|1-0-3-0'))
                                                    <a href="{{ asset('admin/merchant/offers/'.$merchant->id) }}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill"
                                                       title="Offers">
                                                        <i class="la la-cog"></i>
                                                    </a>
                                                @endif
                                            @endif
                                            @endif
                                            @if(\Illuminate\Support\Facades\Session::has('Merchant_Delete|1-0-3'))
                                            <a href="javascript:void(0);" data-id="{!! $merchant->id !!}" class="delete-button-merchant m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill confirm">
                                                <i class="la la-trash"></i>
                                            </a>
                                            @endif
                                            <a href="javascript:void(0);" data-id="{!! $merchant->id !!}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill confirm">
                                                <i class="fa fa-phone exotel-call"  data-id="{!! $merchant->id !!}" data-type="merchant_id" data-contact="{!! $merchant->contact_number !!}"></i>
                                            </a>
                                             @if(isset($merchant->digital_sign->id) && isset($merchant->digital_sign->isagreementsigned))
                                            <span style="margin-top: 4px;color: #ffffff;padding: 3px 10px;font-weight: 600;background-color: #457d08;">Signed</span>
                                             @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @else
                            <b><center>No Data Found</center></b>
                        @endif
                    </div>
                </div>
                <div class="text-center pagination-default-uv">
                    {!! $merchants->appends(\Request::except('page', '_token'))->render()!!}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="createCategory" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="padding:5px">
                <h4 class="modal-title">Create Category</h4>
            </div>
            <div class="modal-body">
                @if(!\Illuminate\Support\Facades\Session::has('Verification_Script|-28'))
                    <span style="color: red;">You don't have permission to create category with verification script</span>
                @endif
                <span class="createCategory_loading" style="display: none;position: absolute;right: 32px;margin-top: 6px;"><img src="/assets/front/img/loading.gif"/></span>
                <input type="text" placeholder="Enter Merchant Category" id="merchant_category_name" class="form-control" required="required"/>
                @if(\Illuminate\Support\Facades\Session::has('Verification_Script|-28'))
                <select class="form-control">
                    <option value="Merchant">Merchant</option>
                    <option value="Customer Name">Customer Name</option>
                    <option value="Date of Birth">Date of Birth</option>
                    <option value="Installment Amount">Installment Amount</option>
                    <option value="Installment Amount">Insurance Premium Amount</option>
                    <option value="Repayable Amount">Repayable Amount</option>
                    <option value="EMI Date">EMI Date</option>
                    <option value="Approved Amount">Approved Amount</option>
                    <option value="Tenure">Tenure</option>
                    <option value="Advance">Advance</option>
                    <option value="Advance Amount">Advance Amount</option>
                    <option value="Processing Fee">Processing Fee</option>
                    <option value="Interest Rate">Interest Rate</option>
                </select>
                <div>
                    Table Syntax
                    <code>@table</code>
                    <code>@{{value_name}} - eg. @Customer Name</code>
                    <code>@table</code>
                </div>
                <div style="padding-top: 12px;">Sample Content</div>
                <div id="verification_script" contentEditable="true" style="border-style: solid;border-width: 1px;padding: 8px;border-color: #ebedf2;margin-top: 27px;">
                    Dear <b>@Customer Name,</b><br/>
                    Congrats on being approved by Credit Fair!<br/>
                    This is a verification call for the Personal loan that you’ve applied for<br/><br/>

                    Please confirm your Date of Birth<br/><br/>

                    Following are the loan details :<br/><br/>

                    @table<br/>
                    @Date of Birth<br/>
                    @Tenure<br/>
                    @Installment Amount<br/>
                    @Processing Fee<br/>
                    @table<br/><br/>

                    If you have any issues relating to Finance, you can contact us. Please confirm the reason for taking this loan.<br/>
                    Please give as an alternate number in case we aren’t able to reach you. Also please provide contact details of 2 of your References (Family/Friends/Colleagues).<br/><br/>

                    Please make sure that you verify the Visitor's ID Card before making EMI Payment in Cash. Please insist on receiving a Payment Receipt after paying the EMI.<br/><br/>

                    Thank you!<br/>
                </div>
                @endif
                <span id="error-category-create" style="color: red;font-size: 11px;position: absolute;padding-top: 3px;margin-left: 1px;"></span>
            </div>
            <div class="modal-footer" style="padding: 5px;">
                @if(\Illuminate\Support\Facades\Session::has('Verification_Script|-28'))
                <button type="button" class="btn btn-primary add_merchant_category">Create</button>
                @endif
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="updateCategory" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Update Merchant Category Mail</h4>
            </div>
            <div class="modal-body">
                <label>Mail List</label>
                <select name="merchant_category_mail" id="merchant_category_mail" class="form-control selectpicker" data-style="btn-default">
                    <option value="" disabled selected>Select Mail From List</option>
                    <option value="0">Add New Mail For New Categories</option>
                    @if(count($category_mail_list) > 0)
                        @foreach($category_mail_list as $mlist)
                            <option value="{{ $mlist->id }}">{{ $mlist->email }}</option>
                        @endforeach
                    @endif
                </select>
                <div id="new_merchant_category_common_mail" style="display:none">
                    <br>
                    <input type="text" placeholder="Enter New Merchant Category Common Mail Here"  name="new_merchant_category_common_mail" class="form-control" />
                </div>
                <br>
                <label>Merchant Category</label>
                <select name="merchant_category_list[]" id="merchant_category_list" class="form-control selectpicker" data-style="btn-default" multiple>
                    @foreach($categories as $category)
                        <option value="{!! $category->id !!}">{!! $category->name !!}</option>
                    @endforeach
                </select>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary update_merchant_category_info">Update</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="updateKWCapping" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="text-align: center">
            <div class="modal-header" style="text-align: center">
                <b><h4 class="modal-title">KW Capping Cost</h4></b>
            </div>
            <div class="modal-body">
                @if(isset($kw_cappings) && !empty($kw_cappings))
                    <table class="table">
                        <thead>
                            <tr>
                                <th>KW</th>
                                <th>Max Approved Value</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($kw_cappings as $kw => $max_approved_value)
                            <tr>
                                <td>{{ $kw }}</td>
                                <td>
                                    <input type="text" class="form-control m-input quantity" style="text-align: center" name="max_approved_value[{{ $kw }}]" value="{{ $max_approved_value }}" placeholder="Max. approval value allowed">
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <p>No KW cappings data available.</p>
                @endif
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary updateKWCapping">Update</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Update legal charges section -->

<div class="modal fade" id="updateLegalCharges" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header" style="padding: 13px;display: block;">
                <b><h4 class="modal-title">Legal Charges setup</h4></b>
                <button type="button" class="close" data-dismiss="modal" id="dialog_close">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th rowspan="2">Category</th>
                            {{-- <th colspan="3">KYC Rule 1</th>
                            <th colspan="3">KYC Rule 2</th> --}}
                        </tr>
                        <tr>
                            {{-- <th>KYC Type</th> --}}
                            <th>Condition</th>
                            <th>Net Loan Amount</th>
                            <th>Legal Charges</th>
                        </tr>
                    </thead>
                    <tbody id="legal-charges-body">
                        @foreach($categories as $category)
                            <tr data-category-id="{!! $category->id !!}">
                                <td>{!! $category->name !!}</td>
                                {{-- <td>
                                    <select class="form-control category_status" name="category_status" data-id="{!! $category->id !!}">
                                        <option value="" @if((isset($category->tat->status) && empty($category->tat->status)) || !isset($category->tat->status)) selected @endif>-</option>
                                        @foreach($category_status as $category_status_id => $categoryItem)
                                            <option value="{!! $category_status_id !!}" @if(isset($category->tat->status) && $category->tat->status == $category_status_id) selected @endif>{!! $categoryItem !!}</option>
                                        @endforeach
                                    </select>
                                </td> --}}
                                {{-- <td>
                                    <select class="form-control kyc_type_1" name="kyc_type_1" data-id="{!! $category->id !!}" data-default="1">
                                        <option value="1">One way</option>
                                        <option value="2">Two way</option>
                                    </select>
                                </td> --}}
                                <td>
                                    <select class="form-control condition" name="condition" style="width: auto;" data-id="{!! $category->id !!}">
                                        <option value="loan_amount_less_than">Net loan amount <= </option>
                                        <option value="loan_amount_more_than">Net loan amount > </option>
                                    </select>
                                </td>
                                <td>
                                    <input type="number" class="form-control net_loan_amount" name="net_loan_amount" data-id="{!! $category->id !!}" placeholder="Enter amount">
                                </td>
                                <td>
                                    <input type="number" class="form-control legal_charges" name="legal_charges" data-id="{!! $category->id !!}" placeholder="Enter amount">
                                </td>
                                {{-- <td>
                                    <select class="form-control kyc_type_2" name="kyc_type_2" data-id="{!! $category->id !!}" data-default="2">
                                        <option value="2">Two way</option>
                                        <option value="1">One way</option>
                                    </select>
                                </td>
                                <td>
                                    <select class="form-control condition_2" name="condition_2" style="width: auto;" data-id="{!! $category->id !!}">
                                        <option value="loan_amount_more_than">Net loan amount > </option>
                                        <option value="loan_amount_less_than">Net loan amount <= </option>
                                    </select>
                                </td>
                                <td>
                                    <input type="number" class="form-control net_loan_amount_2" name="net_loan_amount_2" data-id="{!! $category->id !!}" placeholder="Enter amount">
                                </td> --}}
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="dialog_close">Close</button>
                <button type="button" class="btn btn-primary" id="saveButtonLegalCharges" 
                    @if(!\Illuminate\Support\Facades\Session::has('Lenders_Setup_KYC_Edit|3-2-1')) 
                        disabled 
                    @endif>
                    Save
                </button>
            </div>
        </div>
    </div>
</div>

{{--Edit Verification Script Modal--}}
<div class="modal fade" id="editScript" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="padding:5px">
                <h4 class="modal-title">Edit Verification Script</h4>
            </div>
            <div class="modal-body">
                <select name="category_auto_id" id="merchant_auto_category" autocomplete="on" class="form-control">
                    <option value="" disabled selected>Select Category</option>
                    @foreach($categories as $category)
                        <option value="{!! $category->id !!}">{!! $category->name !!}</option>
                    @endforeach
                </select>
                <select class="form-control">
                    <option value="Merchant">Merchant</option>
                    <option value="Customer Name">Customer Name</option>
                    <option value="Date of Birth">Date of Birth</option>
                    <option value="Installment Amount">Installment Amount</option>
                    <option value="Installment Amount">Insurance Premium Amount</option>
                    <option value="Repayable Amount">Repayable Amount</option>
                    <option value="EMI Date">EMI Date</option>
                    <option value="Approved Amount">Approved Amount</option>
                    <option value="Tenure">Tenure</option>
                    <option value="Advance">Advance</option>
                    <option value="Advance Amount">Advance Amount</option>
                    <option value="Processing Fee">Processing Fee</option>
                    <option value="Interest Rate">Interest Rate</option>
                </select>
                <div>
                    Table Syntax
                    <code>@table</code>
                    <code>@{{value_name}} - eg. @Customer Name</code>
                    <code>@table</code>
                </div>
                <div id="verification_script_update" contentEditable="true" style="border-style: solid;border-width: 1px;padding: 8px;border-color: #ebedf2;margin-top: 27px;">
                </div>
                <span id="error-category-create" style="color: red;font-size: 11px;position: absolute;padding-top: 3px;margin-left: 1px;"></span>
            </div>
            <div class="modal-footer" style="padding: 5px;">
                <button type="button" class="btn btn-primary update_verification_script">Update</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


<div id="send_welcome_letter_popup" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header" style="display: inline-block;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Do you want to attach sample Credit Fair EMI Process with welcome Letter?</h4>
            </div>
            <div class="modal-body">
                <div class="form-group form-check">
                    <input type="checkbox" class="form-check-input" name="send_agreement_ml" checked="checked" id="send_agreement_ml">
                    <label class="form-check-label" for="Send Attachment">Send Attachment</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default send_welcome_letter_c" data-dismiss="modal">CANCEL</button>
                <button type="button" class="btn btn-primary send_welcome_letter_s">SEND</button>
            </div>
        </div>

    </div>
</div>

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

<script>
    $('#updateCategory').on('hidden.bs.modal', function () {
        $('.selectpicker').selectpicker('val', '-1');
        $('#new_merchant_category_common_mail').css({'display':'none'});
        $('input[name="new_merchant_category_common_mail"]').val('');
    });

    $("select[name='merchant_category_mail']").on('change', function(){
        if(this.value == '0'){
            $('#new_merchant_category_common_mail').css({'display':'block'});
        }else{
            $('#new_merchant_category_common_mail').css({'display':'none'});
        }
    });

    function openWindowWithPost(filters, data, link) {
        var form = document.createElement("form");
        form.setAttribute("method", "post");
        form.setAttribute("action", link);

        var hiddenField = document.createElement("input");
        var hiddenField_3 = document.createElement("input");
        var hiddenField_4 = document.createElement("input");
        hiddenField.setAttribute("type", "hidden");
        hiddenField_3.setAttribute("type", "hidden");
        hiddenField_4.setAttribute("type", "hidden");

        if(data.is_guest_login && data.category_id && data.search_text ){
            hiddenField.setAttribute("name", "is_guest_login");
            hiddenField_3.setAttribute("name", "category_id");
            hiddenField_4.setAttribute("name", "search_text");
            hiddenField.setAttribute("value", data.is_guest_login);
            hiddenField_3.setAttribute("value", data.category_id);
            hiddenField_4.setAttribute("value", data.search_text);

        }else if (data.is_guest_login && data.search_text){
            hiddenField.setAttribute("name", "is_guest_login");
            hiddenField_3.setAttribute("name", "search_text");
            hiddenField.setAttribute("value", data.is_guest_login);
            hiddenField_3.setAttribute("value", data.search_text);

        }else if(data.is_guest_login && data.category_id){
            hiddenField.setAttribute("name", "is_guest_login");
            hiddenField_3.setAttribute("name", "category_id");
            hiddenField.setAttribute("value", data.is_guest_login);
            hiddenField_3.setAttribute("value", data.category_id);

        }else if(data.category_id && data.search_text){
            hiddenField.setAttribute("name", "category_id");
            hiddenField_3.setAttribute("name","search_text");
            hiddenField.setAttribute("value", data.category_id);
            hiddenField_3.setAttribute("value", data.search_text);
        }else if (data.category_id) {
            hiddenField.setAttribute("name", "category_id");
            hiddenField.setAttribute("value", data.category_id);
        }else if(data.search_text){
            hiddenField.setAttribute("name","search_text");
            hiddenField.setAttribute("value",data.search_text);
        }else if(data.is_guest_login){
            hiddenField.setAttribute("name","is_guest_login");
            hiddenField.setAttribute("value",data.is_guest_login);
        }

        var hiddenField2 = document.createElement("input");
        hiddenField2.setAttribute("type", "hidden");
        hiddenField2.setAttribute("name", "page");
        hiddenField2.setAttribute("value", data.page);

        var hiddenField7 = document.createElement("input");
        hiddenField7.setAttribute("type", "hidden");
        hiddenField7.setAttribute("name", "filter");
        hiddenField7.setAttribute("value", filters);

        var hiddenField1 = document.createElement("input");
        hiddenField1.setAttribute("type", "hidden");
        hiddenField1.setAttribute("name", "_token");
        hiddenField1.setAttribute("value", '<?php echo csrf_token(); ?>');

        form.appendChild(hiddenField);
        form.appendChild(hiddenField1);
        form.appendChild(hiddenField2);
        form.appendChild(hiddenField_3);
        form.appendChild(hiddenField_4);
        form.appendChild(hiddenField7);
        document.body.appendChild(form);

        form.submit();
    }

    // $(document).ready(function(){
    //     $(".pagination-default-uv > ul > li").each(function(){
    //         let url = $(this).find('a').attr('href');
    //         $(this).find('a').attr('data-url',url);
    //         $(this).find('a').attr('href','javascript:void(0)');
    //     });
    //     $('.selectpicker').selectpicker('val', '-1');
    // });

    // $(".pagination-default-uv > ul > li").click(function(){
    //     let result = $(this).find('a').attr('data-url');
    //     let data = getParams(result);
    //     let filters = data.filter;
    //     openWindowWithPost(filters, data,'/admin/merchant/search')
    // });

    // var getParams = function (url) {
    //     var params = {};
    //     var parser = document.createElement('a');
    //     parser.href = url;
    //     var query = parser.search.substring(1);
    //     var vars = query.split('&');
    //     for (var i = 0; i < vars.length; i++) {
    //         var pair = vars[i].split('=');
    //         params[pair[0]] = decodeURIComponent(pair[1]);
    //     }
    //     return params;
    // };

    $(".send_loan_agreement").click(function(){
        var event  = $(this);
        var id = event.attr('data-id');
        var type = event.attr('data-type');
        $("#table_th_"+id).html('<img src="/assets/front/img/loading.gif" style="width: 15px;">');
        var _token = '<?php echo csrf_token(); ?>';

        if(type == 'Welcome Letter'){
            $("#send_welcome_letter_popup").attr('data-id', id);
            $("#send_welcome_letter_popup").attr('data-type', type);
            $("#send_welcome_letter_popup").modal('show');
            return false;
        }

        $.ajax({
            type: 'POST',
            url: "/admin/merchant/send-agreement/"+id,
            data: {
                _token: _token,
                type:type
            },
            dataType: "JSON",
            success: function (response) {
                $("span#table_th_"+id).html('');
                alert(response.message);
                window.location.reload();
            }
        });
    });

    $(".send_welcome_letter_s").click(function () {

        var _token = '<?php echo csrf_token(); ?>';

        let id = $("#send_welcome_letter_popup").attr('data-id');
        let type = $("#send_welcome_letter_popup").attr('data-type');
        let send_attachment = $("input[name='send_agreement_ml']").is(":checked") ? 1 : 0;

        $.ajax({
            type: 'POST',
            url: "/admin/merchant/send-agreement/"+id,
            data: {
                _token: _token,
                type:type,
                send_attachment: send_attachment,
            },
            dataType: "JSON",
            success: function (response) {
                $("span#table_th_"+id).html('');
                alert(response.message);
                window.location.reload();
            }
        });
    });

    $(".delete-button-merchant").click(function(){
       let id = $(this).attr('data-id');
       if(window.confirm("Are you sure? Deleting the merchant")){
           window.location.href ='/admin/merchant/delete/'+id
       }
    });

    $(".generate_equifax_report").click(function(){
        var is_live = $(this).attr('data-is-live');
        if(is_live == 0) {
            $(".init-loader").css({display:'block'});
            $(this).attr('data-is-live',1);
            var id = $(this).attr('data-id');
            var _token = '<?php echo csrf_token(); ?>';
            $.ajax({
                type: 'POST',
                url: "/admin/merchant/generate-equifax/" + id,
                data: {'_token': _token},
                dataType: "JSON",
                success: function (response) {
                    $(".init-loader").css({display:'none'});
                    alert(response.message);
                    window.location.reload();
                }
            });
        }

    });


    $(".generate_gst_authentication").click(function(){
        var is_live = $(this).attr('data-is-live');
        if(is_live == 0) {
            $(".init-loader").css({display:'block'});
            $(this).attr('data-is-live',1);
            var id = $(this).attr('data-id');
            var _token = '<?php echo csrf_token(); ?>';
            $.ajax({
                type: 'POST',
                url: "/admin/merchant/generate-gst-authentication/" + id,
                data: {'_token': _token},
                dataType: "JSON",
                success: function (response) {
                    $(".init-loader").css({display:'none'});
                    alert(response.message);
                    window.location.reload();
                }
            });
        }

    });

    $(".update_merchant_category_info").on('click', function () {
        var categorymail = $("#merchant_category_mail").val();
        var newcategorymail = '';
        if(categorymail == '0'){
            newcategorymail = $('input[name="new_merchant_category_common_mail"]').val();
        }
        // var merchantcategorylist1 = $("#merchant_category_list").find(":selected").val();
        // var merchantcategorylist1 = $("#merchant_category_list").val();
        var mailerror = 0;
        var merchantcategorylist = [];
        $("#merchant_category_list").find(":selected").each(function() {
            merchantcategorylist.push($(this).val());
            // console.log($(this).val());
        });
        // console.log(categorymail,newcategorymail,merchantcategorylist,merchantcategorylist1.length,$('select[name="merchant_category_list[]"]').val(),arr,array,array.length);
        // return false;
        if(categorymail == null){
            alert('Please select the mail from the list');
            return false;
        }

        if(categorymail == '0' && newcategorymail != '' && newcategorymail.length != 0){
            newcategorymailarray = newcategorymail.toLowerCase().split(',');
            var mailformat=/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;

            newcategorymailarray.forEach(function(item,index){
                if(!mailformat.test(item)){
                    mailerror = 1;
                }
            });
        }else if(categorymail == '0' && newcategorymail.length == 0){
            alert('Please enter the mail in the field');
            return false;
        }

        if(typeof mailerror != 'undefined' && mailerror == 1){
            alert('Entered email is incorrect');
            return false;
        }

        if(merchantcategorylist.length == 0){
            alert('Please select one or more categories from the list');
            return false;
        }

        $(".init-loader").css({display:'block'});
        var _token = '<?php echo csrf_token(); ?>';
        var user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';
        $.ajax({
            type: 'POST',
            url: "/admin/merchant-category-mail/update",
            data: {categorymailid: categorymail,
                newcategorymail: newcategorymail,
                categorylist: merchantcategorylist,
                _token: _token,
                user_id:user_id},
            dataType: "JSON",
            success: function (response) {
                if(response.status == 'OK'){
                    alert('Data Saved Successfully');
                    $('#updateCategory').modal('hide');
                    window.location.reload();
                }else{
                    alert('Something went Wrong');
                    $('#updateCategory').modal('hide');
                    window.location.reload();
                }
            }
        });
    });


    $(".updateKWCapping").on('click', function () {
        $(".init-loader").css({ display: 'block' });

        var _token = '{{ csrf_token() }}';
        var user_id = '{{ Auth::user()->id }}';
        var max_approved_values = {};

        // Gather values from the input fields
        $("input[name^='max_approved_value']").each(function () {
            var name = $(this).attr('name');
            var kw = name.match(/\[([^\]]+)\]/)[1];
            var value = $(this).val();
            max_approved_values[kw] = value;
        });

        // Log max_approved_values to verify the collected values
        console.log(max_approved_values);

        $.ajax({
            type: 'POST',
            url: "/admin/merchant/kwCappings/update",
            data: {
                _token: _token,
                user_id: user_id,
                max_approved_values: max_approved_values
            },
            dataType: "JSON",
            success: function (response) {
                $(".init-loader").css({ display: 'none' });
                if (response.status == 'OK') {
                    alert('Data Saved Successfully');
                    $('#updateKWCapping').modal('hide');
                    window.location.reload();
                } else {
                    alert('Something went Wrong');
                    $('#updateKWCapping').modal('hide');
                    window.location.reload();
                }
            },
            error: function (xhr, status, error) {
                $(".init-loader").css({ display: 'none' });
                console.error("AJAX error: ", status, error);
                alert('Something went wrong. Please try again.');
            }
        });
    });

    document.addEventListener('DOMContentLoaded', function() {
        var url = '/admin/dashboard/getInitialLegalCharges';
        var _token = '<?php echo csrf_token(); ?>';

        fetch(url, {
            method: 'GET',
            headers: {
                'X-CSRF-TOKEN': _token,  // Include the CSRF token in the headers
                'Content-Type': 'application/json'
            }
        }).then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.json();
        }).then(data => {
            if (data.success) {
                populateKYCRules(data.data);
            } else {
                console.error('Failed to fetch initial KYC rules:', data.error);
            }
        }).catch(error => {
            console.error('Error fetching initial KYC rules:', error);
        });

        function populateKYCRules(rules) {
            rules.forEach(rule => {
                var row = document.querySelector(`tr[data-category-id="${rule.category_id}"]`);
                if (row) {
                    // console.log(rule)
                    row.querySelector('.condition').value = rule.legal_charges.condition || '';
                    row.querySelector('.net_loan_amount').value = rule.legal_charges.net_loan_amount || '';
                    row.querySelector('.legal_charges').value = rule.legal_charges.legal_charge || '';
                }
            });
        }
    });



    document.getElementById('saveButtonLegalCharges').addEventListener('click', function() {
        var categoriesData = [];
        @if(!\Illuminate\Support\Facades\Session::has('Lenders_Setup_KYC_Edit|3-2-1'))
            alert('You are not permitted to edit these values');
            location.reload();
            return
        @endif
        document.querySelectorAll('#legal-charges-body tr').forEach(function(category_row) {
            var categoryId = category_row.querySelector('select[name="condition"]').getAttribute('data-id');
            var condition = category_row.querySelector('select[name="condition"]').value;
            var netLoanAmount = category_row.querySelector('input[name="net_loan_amount"]').value;
            var legalCharge = category_row.querySelector('input[name="legal_charges"]').value;

            categoriesData.push({
                category_id: categoryId,
                legal_charges: {
                    condition: condition,
                    net_loan_amount: netLoanAmount,
                    legal_charge: legalCharge
                }
            });
        });

        fetch('/admin/dashboard/saveLegalCharges', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}' // Laravel CSRF token
            },
            body: JSON.stringify(categoriesData)
        }).then(response => response.json())
          .then(data => {
              if (data.success) {
                  alert('Data saved successfully!');
                  location.reload(); // Reload the page to reflect changes
              } else {
                  alert('Failed to save data.');
              }
          }).catch(error => console.error('Error:', error));
    });

    var displayListClone = $('#merchant_category_list').clone(true);
    $("#merchant_category_mail").on('change', function () {
        var _token = '<?php echo csrf_token(); ?>';
        var merchant_category_mail_id = $("#merchant_category_mail").val();
        $(".init-loader").css({display:'block'});
        if($(this).val()!='0'){
            $.ajax({
            type: 'POST',
            url: "/admin/merchant/category_list_mail",
            data: {
                merchant_category_mail_id: merchant_category_mail_id,
                _token: _token,
            },
            dataType: "JSON",
            success: function (response) {
                    var displayList = '';
                    $('#merchant_category_list > option').each(function(){
                        if(jQuery.inArray($(this).val(), response.categoryMailList) !== -1){
                            var attrValue = ' selected="selected"';
                        }else{
                            var attrValue = '';
                        }
                        displayList += '<option value="'+$(this).val()+'"'+attrValue+'>'+$(this).text()+'</option>';
                    });
                // console.log(displayList);
                    $("#merchant_category_list").html(displayList);
                    $('#merchant_category_list').selectpicker('refresh');
                    $(".init-loader").css({display:'none'});
                }
            });
        }else{
            // console.log(newdisplayList,displayList1);
            $("#merchant_category_list").html(displayListClone);
            $('#merchant_category_list').selectpicker('refresh');
            $(".init-loader").css({display:'none'});
        }
    });

</script>