@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;
    }
    h4.panel-title > a{
        font-size: 14px;
        color: #5f5a5a !important;
    }

    .hide_disbursement_at{
        display: none;
    }
</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Merchant Offer
                </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">
                                 Merchant
                            </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">
                                Offers - Edit
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if($errors->any())
            @foreach($errors->all() as $key => $error)
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                    {{$error}}
                </div>
            @endforeach
        @endif
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="flaticon-add"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Merchant Offers
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <form action="@if(isset($offer->id)){{ asset('admin/merchant/offers-update/'.$offer->id) }}@else {!! asset('admin/merchant/offers-add') !!} @endif" class="m-form m-form--fit m-form--label-align-right" method="POST" enctype="multipart/form-data">
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        @if(isset($offer->id))
                            <input type="hidden" id="offer_id" name="offer_id" value="{!! $offer->id !!}"/>
                        @else
                            <input type="hidden" id="merchant_id" name="merchant_id" value="{!! $merchant_id !!}"/>
                        @endif
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Reason for edting offer:
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="reason" class="form-control" value="{!! Request::old('reason',  $offer->reason ?? '') !!}" placeholder="Reason"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Category: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="category_id" required="required">
                                    <option selected="selected" value="">Select Category</option>
                                    @foreach($merchant['merchant_category_many'] as $category)
                                        <option value="{!! $category->id !!}" @if(isset($offer->category_id) && $category->id == $offer->category_id) selected="selected" @endif>{!! $category['name'] !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Total EMIs: <span style="font-size: 10px;color: blue;">(Add plan option in month)</span>: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="number" name="tenure" class="form-control" value="{!! Request::old('tenure', $offer->tenure ?? '') !!}" placeholder="eg. 10" required="required"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Subvention Type: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="subvention_type_id" required="required">
                                    <option selected="selected" value="">Select Subvention Type</option>
                                    @foreach($subvention_types as $index=>$type)
                                        <option value="{!! $index !!}" @if(isset($offer->subvention_type_id) && $index == $offer->subvention_type_id) selected="selected" @endif>{!! $type !!}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row interest_type_id_div" @if(isset($offer->subvention_type_id) && $offer->subvention_type_id == 1) style="display: none;" @else style="display: flex;" @endif>
                            <label class="col-lg-3 col-form-label">
                                Interest Type: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="interest_type_id" style="display: flex;" required>
                                    <option selected="selected" value="">Select Interest Type</option>
                                    @foreach($interest_types as $index=>$type)
                                        @if(!in_array($index, [3, 4]))
                                            <option value="{!! $index !!}" @if(isset($offer->interest_type_id) && $index == $offer->interest_type_id) selected="selected" @endif>{!! $type !!}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Slug: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <?php $slug = explode('-', $offer->slug ?? ''); ?>
                                <input type="text" readonly name="slug" id="slug" data-tenure="{!! str_replace(' month','', $slug[0] ?? '') !!}" data-interest="<?php echo isset($slug[1]) ? $slug[1] : ''; ?>" class="form-control" value="{!! Request::old('slug',isset($offer->slug) ? $offer->slug : '') !!}" required/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Processing fee Type: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input style="margin-left: 7px;" type="radio" name="processing_fee_type" @if(isset($offer->processing_fee_type) && $offer->processing_fee_type ==  'fixed_amount') checked @endif value="fixed_amount" required/> <label>Fixed Amount</label>
                                <input style="margin-left: 10px;margin-right: 7px;" type="radio" name="processing_fee_type" @if(isset($offer->processing_fee_type) && $offer->processing_fee_type ==  'percentage') checked @endif value="percentage" required/><label>Percentage</label>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Processing fees <span style="font-size: 10px;color: blue;">(including GST)</span>: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="processing_fee" class="form-control" value="{!! Request::old('processing_fee', $offer->processing_fee ?? '') !!}" placeholder="eg. 999" required/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Collect Processing fee in First EMI:
                            </label>
                            <div class="col-lg-6">
                                <input style="margin-left: 7px;" type="checkbox" name="processing_fee_first_emi" @if(isset($offer->processing_fee_first_emi) && $offer->processing_fee_first_emi) checked @endif value="processing_fee_first_emi"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Advance Type: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input style="margin-left: 7px;" type="radio" name="advance_type" value="emi" @if(isset($offer->advance_type) && $offer->advance_type ==  'emi') checked @endif required/> <label>EMI</label>
                                <input style="margin-left: 10px;margin-right: 7px;" type="radio" name="advance_type" @if(isset($offer->advance_type) && $offer->advance_type ==  'fixed_amount') checked @endif value="fixed_amount" required/><label>Fixed Amount</label>
                                <input style="margin-left: 10px;margin-right: 7px;" type="radio" name="advance_type" @if(isset($offer->advance_type) && $offer->advance_type ==  'percentage') checked @endif value="percentage" required/><label>Percentage</label>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Advance EMI: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="number" name="advance_emi" value="{!! Request::old('advance_emi', $offer->advance_emi ?? '') !!}" class="form-control" placeholder="eg. 2" required/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row interest_rate_div" @if(isset($offer->subvention_type_id) && $offer->subvention_type_id == 1) style="display: none;" @else style="display: flex;" @endif >
                            <label class="col-lg-3 col-form-label">
                                Annual Interest (%): <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="interest_rate" style="display: flex;" value="{!! Request::old('interest_rate', $offer->interest_rate ?? '') !!}" required class="form-control" placeholder="eg. 0"/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row subvention_type_id_div" @if(isset($offer->subvention_type_id) && $offer->subvention_type_id == 3) style="display: none;" @endif>
                            <label class="col-lg-3 col-form-label">
                                Subvention (%): <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="subvention" class="form-control" value="{!! Request::old('subvention', $offer->subvention ?? '') !!}" placeholder="eg. 4.5" required/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Monthly IRR (%): <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="monthly_irr" class="form-control" value="{!! Request::old('monthly_irr', $offer->monthly_irr ?? '') !!}" readonly/>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Annualised ROI (%): <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" name="annualised_irr" class="form-control" value="{!! Request::old('annualised_irr', $offer->annualised_irr ?? '') !!}" readonly/>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="panel-group" id="accordionMain" style="border-style: solid;border-width: 1px;border-color: #bbb7b7;">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordionMain" href="#collapseMain">
                                                Partial Disbursement (<?php echo count($disbursement_offers) ? : '0'; ?>)</a> <span class="btn btn-primary create-phases" data-id="<?php echo isset($disbursement_offers) && count($disbursement_offers) > 0 ? count($disbursement_offers) : 1 ?>" style="float: right;font-size: 13px;margin-top: -5px;margin-right: 1px;">Create Phases</span>
                                        </h4>
                                    </div>
                                    <div id="collapseMain" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            <div style="padding: 9px;">
                                                <div><label class="radio inline" style="font-size: 13px;">Adjust Advance Amount In First Phase</label><input <?php echo !isset($offer->disbursement_method) ? 'checked="checked"' : (isset($offer->disbursement_method) && $offer->disbursement_method == 1 ? 'checked="checked"' : ''); ?> type="radio" class="form-control" name="disbursement_method" value="1"/></div>
                                                <div><label class="radio inline" style="font-size: 13px;">Divide Advance Amount Across All Phases</label><input type="radio" <?php echo isset($offer->disbursement_method) && $offer->disbursement_method == 2 ? 'checked="checked"' : '' ?> class="form-control" name="disbursement_method" value="2"/></div>
                                            </div>

                                            <div class="panel-group" id="accordionChild">
                                                @foreach($disbursement_offers as $disbursement_key => $disbursement_offer)
                                                <div class="panel panel-default <?php echo $disbursement_key > 0 ? 'second_'.$disbursement_key : ''; ?>">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordionChild" href="#collapse{!! $disbursement_key + 1 !!}">
                                                                Phase {!! $disbursement_key + 1 !!}</a> <span onclick="$(this).parent().parent().parent().remove();" style="@if(!$disbursement_key) display:none; @endif float: right;margin-right: 13px;"><i class="fa fa-close"></i></span>
                                                        </h4>
                                                    </div>
                                                    <div id="collapse{!! $disbursement_key + 1 !!}" class="panel-collapse collapse in">
                                                        <div class="panel-body" style="border-style: solid;border-width: 1px;border-color: #ded6d6;padding-top: 17px;">
                                                            <div class="form-group m-form__group row">
                                                                <label class="col-lg-3 col-form-label">
                                                                    Disbursement Amount: <span style="font-size: 10px;color: blue;">(% of Disbursement Amount)</span>:
                                                                </label>
                                                                <div class="col-lg-6">
                                                                    <input type="number" name="per_disbursement_amount[<?php echo isset($disbursement_offer->id) ? $disbursement_offer->id : '-1'?>]" class="form-control per_disbursement_amount" value="{!! $disbursement_offer->per_disbursement_amount !!}" min="1" max="100"/>
                                                                </div>
                                                            </div>
                                                            <div class="form-group m-form__group row">
                                                                <label class="col-lg-3 col-form-label">
                                                                    Days From Disbursement Date:
                                                                </label>
                                                                <div class="col-lg-6">
                                                                    <input type="number" name="day_from_disbursement_date[<?php echo isset($disbursement_offer->id) ? $disbursement_offer->id : '-1'?>]" class="form-control day_from_disbursement_date" value="{!! $disbursement_offer->day_from_disbursement_date !!}" min="0"/>
                                                                </div>
                                                            </div>

                                                            <?php $hide_disbursement_at = ''; if(isset($offer->category_id) && $offer->category_id != 24){ $hide_disbursement_at = 'hide_disbursement_at'; } ?>

                                                            <div class="form-group m-form__group row <?php echo $hide_disbursement_at; ?>">
                                                                <label class="col-lg-3 col-form-label">
                                                                    Disbursement At:
                                                                </label>
                                                                <div class="col-lg-6">
                                                                    <select class="form-control disbursement_at_phase" name="disbursement_at_phase[<?php echo isset($disbursement_offer->id) ? $disbursement_offer->id : '-1'?>]" required="required">
                                                                        <option @if(isset($disbursement_offer->disbursement_at) && $disbursement_offer->disbursement_at == 'tfr_approval') selected @endif value="tfr_approval">TFR Approval</option>
                                                                        <option @if(isset($disbursement_offer->disbursement_at) && $disbursement_offer->disbursement_at == 'tfr_acknowledgement') selected @endif value="tfr_acknowledgement">TFR Acknowledgement</option>
                                                                        <option @if(isset($disbursement_offer->disbursement_at) && $disbursement_offer->disbursement_at == 'on_installation') selected @endif value="on_installation">On  Installation</option>
                                                                        <option @if(isset($disbursement_offer->disbursement_at) && !in_array($disbursement_offer->disbursement_at, ['tfr_approval', 'tfr_acknowledgement', 'on_installation'])) selected @endif value="others">Others</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="form-group m-form__group row disbursement_at_other_cls_phase <?php echo $hide_disbursement_at; ?>"  style="@if(isset($disbursement_offer->disbursement_at) && !in_array($disbursement_offer->disbursement_at, ['tfr_approval', 'tfr_acknowledgement', 'on_installation'])) display: flex; @else display: none; @endif">
                                                                <label class="col-lg-3 col-form-label">
                                                                    Disbursement At (Other):
                                                                </label>
                                                                <div class="col-lg-6">
                                                                    <input type="text" placeholder="Disbursement At" name="disbursement_at_other_phase[<?php echo isset($disbursement_offer->id) ? $disbursement_offer->id : '-1'?>]" @if(isset($disbursement_offer->disbursement_at) && !in_array($disbursement_offer->disbursement_at, ['tfr_approval', 'tfr_acknowledgement', 'on_installation'])) value="{!! $disbursement_offer->disbursement_at or '' !!}" required="requried" @endif class="form-control disbursement_at_other_phase"/>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                            @if(\App\BNPL::is($offer->merchant_id ?? $merchant_id))
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        BNPL Repayment: <span style="font-size: 10px;color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" name="bnpl_repayment" class="form-control" value="<?php echo isset($offer->bnpl_repayment) && $offer->bnpl_repayment ? $offer->bnpl_repayment :  ''; ?>" placeholder="Eg. BNPL - 1 month subvention"/>
                                    </div>
                                </div>
                            @endif
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Payment frequency: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="radio" name="payment_frequency" class="form-control" value="1" @if(isset($offer->payment_frequency) && $offer->payment_frequency == 1) checked="checked" @elseif(!isset($offer->payment_frequency)) checked="checked" @endif/> <label>Monthly</label>
                                <input type="radio" name="payment_frequency" class="form-control" value="2" @if(isset($offer->payment_frequency) && $offer->payment_frequency == 2) checked="checked" @endif/> <label>Bi-Monthly (5th and 18th)</label>
                                <input type="radio" name="payment_frequency" class="form-control" value="3" @if(isset($offer->payment_frequency) && $offer->payment_frequency == 3) checked="checked" @endif/> <label>Weekly - every wednesday</label>
                                <input type="radio" name="payment_frequency" class="form-control" value="4" @if(isset($offer->payment_frequency) && $offer->payment_frequency == 4) checked="checked" @endif/> <label>Daily</label>
                            </div>
                        </div>
                        <div class="form-group m-form__group row <?php echo $hide_disbursement_at; ?>">
                            <label class="col-lg-3 col-form-label">
                                Disbursement At: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="disbursement_at" required="required">
                                    <option @if(isset($offer->disbursement_at) && $offer->disbursement_at == 'tfr_approval') selected @endif value="tfr_approval">TFR Approval</option>
                                    <option @if(isset($offer->disbursement_at) && $offer->disbursement_at == 'tfr_acknowledgement') selected @endif value="tfr_acknowledgement">TFR Acknowledgement</option>
                                    <option @if(isset($offer->disbursement_at) && $offer->disbursement_at == 'on_installation') selected @endif value="on_installation">On  Installation</option>
                                    <option @if(isset($offer->disbursement_at) && !in_array($offer->disbursement_at, ['tfr_approval', 'tfr_acknowledgement', 'on_installation'])) selected @endif value="others">Others</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row disbursement_at_other_cls <?php echo $hide_disbursement_at; ?>"  style="@if(isset($offer->disbursement_at) && !in_array($offer->disbursement_at, ['tfr_approval', 'tfr_acknowledgement', 'on_installation'])) display: flex; @else display: none; @endif">
                            <label class="col-lg-3 col-form-label">
                                Disbursement At (Other): <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <input type="text" placeholder="Disbursement At" name="disbursement_at_other" @if(isset($offer->disbursement_at) && !in_array($offer->disbursement_at, ['tfr_approval', 'tfr_acknowledgement', 'on_installation'])) value="{!! $offer->disbursement_at or '' !!}" required="required" @endif class="form-control"/>
                            </div>
                        </div>
                        @if(isset($offer->status) && $offer->status == 1)
                            <input type="hidden" name="is_already_active" value="{!! $offer->status or 0 !!}"/>
                        @endif
                        @if((\Auth::user()->user_type > 4 && (isset($offer) && $offer->annualised_irr > 15) || !isset($offer)) || \Auth::user()->user_type == 5)
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Status: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                <select class="form-control" name="status" id="status">
                                    @if(isset($offer->created_by) && ($offer->created_by != \Auth::user()->id || $offer->status == 1))
                                    <option value="1" @if($offer->status == 1) selected @endif>Active</option>
                                    @endif
                                    <option value="0" @if(isset($offer->status) && $offer->status == 0 ) selected @endif>Inactive</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-3 col-form-label">
                                Active status: <span style="font-size: 10px;color: red;">*</span>
                            </label>
                            <div class="col-lg-6">
                                    <input type="checkbox" name="disable_offer_status" id="disable_offer_status" value="1"
                                        @if(isset($offer->disable_offer_status) && $offer->disable_offer_status == 1) checked @endif>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            @if(\Illuminate\Support\Facades\Session::has('Merchant_Offers_Update|1-0-3-2'))
        <div class="m-portlet__foot m-portlet__foot--fit">
            <div class="m-form__actions m-form__actions">
                <button type="submit" class="btn btn-primary">
                    Update
                </button>
                <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                    Cancel
                </button>
            </div>
        </div>
            @endif
        </form>
        <!--end::Form-->
        </div>
    </div>
</div>
@include("admin.layouts.footer")
<script>

    $(document).ready(function(){
        refreshDisbursementPhase();
    })

    function removeDisableFromOption(){
        $("select.disbursement_at_phase").each(function() {
            $(this).find(`option`).prop("disabled", false);
        });
    }

    function refreshDisbursementPhase(){
        let selected = [];
        let not_selected = [];
        $("select.disbursement_at_phase").each(function() {
            let sel = $(this).find('option:selected').val();
            selected.push(sel);
            $(this).find('option').map(function () {
                let no_sel = $(this).val();
                if (sel !== no_sel && !not_selected.includes(no_sel) && !selected.includes(no_sel)) {
                    not_selected.push(no_sel);
                }
            });
        });

        not_selected = $.grep(not_selected, function(value) {
            return $.inArray(value, selected) === -1;
        });

        $("select.disbursement_at_phase").each(function() {
            let e = $(this);
            if(selected.length){
                selected.map(function(item){
                    if(item !== 'others') {
                        e.find(`option[value="${item}"]`).prop("disabled", true);
                        refreshDisbursementPhaseOther(e);
                    }
                });
            }
            if(not_selected.length){
                not_selected.map(function(item){
                    e.find(`option[value="${item}"]`).prop("disabled", false);
                });
            }
        });
    }

    function refreshDisbursementPhaseOther(e){
        let disbursement_at_other_cls_phase = e.parent().parent().parent().find(".disbursement_at_other_cls_phase");
        if(e.find('option:selected').val() == "others"){
            disbursement_at_other_cls_phase.css({'display': 'flex'});
            disbursement_at_other_cls_phase.find('input').attr('required', 'required');
        }else{
            disbursement_at_other_cls_phase.css({'display': 'none'});
            disbursement_at_other_cls_phase.find('input').removeAttr('required', 'required');
        }
    }

    $(document).on('change', 'select.disbursement_at_phase', function() {
        refreshDisbursementPhaseOther($(this));
        refreshDisbursementPhase();
    });

    $("select[name='disbursement_at']").change(function() {
        if($(this).find('option:selected').val() == "others"){
            $(".disbursement_at_other_cls").css({'display': 'flex'});
            $("input[name='disbursement_at_other']").attr('required', 'required');
        }else{
            $(".disbursement_at_other_cls").css({'display': 'none'});
            $("input[name='disbursement_at_other']").removeAttr('required');
        }
    });

    $(".create-phases").click(function(){
        let accordionMain = $('#accordionChild');
        $(this).attr('data-id',(parseInt($(this).attr('data-id')) + 1));
        let className = 'second_'+$(this).attr('data-id');
        accordionMain.append('<div class="panel panel-default '+className+'">'+$(accordionMain.find('div')[0]).html()+'<div>');//.children('.panel').last().addClass(className).removeClass('second_'+(parseInt($(this).attr('data-id')) - 1));
        let headingEvent = $("div."+className).find('.panel-heading > h4 > a');
        headingEvent.html('Phase '+$(this).attr('data-id'));
        headingEvent.attr('href','#collapse'+$(this).attr('data-id'));
        headingEvent.parent().find('span').css({'display':'block'});
        let bodyEvent = $("div."+className).find('.panel-collapse');
        let id = 'collapse'+$(this).attr('data-id');
        bodyEvent.attr('id',id);
        $("#"+id).find('input.per_disbursement_amount').attr('name','per_disbursement_amount[-'+className+']');
        $("#"+id).find('input.day_from_disbursement_date').attr('name','day_from_disbursement_date[-'+className+']');
        $("#"+id).find('select.disbursement_at_phase').attr('name','disbursement_at_phase[-'+className+']');
        $("#"+id).find('select.disbursement_at_phase').attr('name','disbursement_at_phase[-'+className+']').val('others').change();
        $("#"+id).find('input.disbursement_at_other_phase').attr('name','disbursement_at_other_phase[-'+className+']').attr('required','required');

        $('#collapseMain').collapse();
        refreshDisbursementPhase();
    });

    $("input[name='processing_fee_type']").click(function(){
        if($(this).val() === 'fixed_amount'){
            $(".pro-fee-span").text('(including GST)');
            $("input[name='processing_fee']").attr('placeholder','eg. 999');
        }else{
            $(".pro-fee-span").text('');
            $("input[name='processing_fee']").attr('placeholder','eg. 2');
        }
    });

    $("input[name='advance_type']").click(function(){
        if($(this).val() === 'emi'){
            $("input[name='advance_emi']").attr('placeholder','eg. 2');
        }else if($(this).val() === 'fixed_amount'){
            $("input[name='advance_emi']").attr('placeholder','eg. 999');
        }else{
            $("input[name='advance_emi']").attr('placeholder','eg. 2');
        }
    });

    $("select[name='subvention_type_id']").change(function(){
        if($(this).find('option:selected').val() == "3"){
            $('.subvention_type_id_div').css({'display':'none'});
            $('.interest_type_id_div').css({'display':'flex'});
            $('.interest_rate_div').css({'display':'flex'});
            $("input[name='subvention']").val(0);
        }else if($(this).find('option:selected').val() == "1"){
            $('.interest_type_id_div').css({'display':'none'});
            $('select[name="interest_type_id"] option[value="2"]').attr("selected","selected");
            $('.interest_rate_div').css({'display':'none'});
            $("input[name='interest_rate']").val(0);
        }else{
            $('.subvention_type_id_div').removeAttr('style');
            $('.interest_type_id_div').css({'display':'flex'});
            $('.interest_rate_div').css({'display':'flex'});
            $("input[name='subvention']").val('');
        }
    });

    $("form").submit(function (event) {
        event.preventDefault();
        let form = this;
        $("button[type='submit']").attr('disabled','disabled');
        offerValidation(function(response){
            if(response.data.status == 'OK') {
                let advance_type = $('input[name="advance_type"]:checked').val();
                if (advance_type == "emi") {
                    let tenure = parseInt($('input[name="tenure"]').val());
                    let advance_emi = parseInt($('input[name="advance_emi"]').val());
                    if (advance_emi >= tenure) {
                        alert('Advance EMI cannot be more than tenure');
                        $("button[type='submit']").removeAttr('disabled','disabled');
                        return true;
                    }
                }
                checkDisbursementOffers(function (response) {
                    if (response.status == 1){
                        removeDisableFromOption();
                        form.submit();
                    }else{
                        alert(typeof response.message !== 'undefined' ? response.message : 'Your Partial Disbursement Offer is not correct');
                        $("button[type='submit']").removeAttr('disabled','disabled');
                        return true;
                    }
                });
            }else{
                alert('You can\'t create offer with net tenure '+response.tenure+' months & subvention '+response.subvention+'%, Please check merchant module.');
                $("button[type='submit']").removeAttr('disabled','disabled');
                return true;
            }
        });
    });

    function checkDisbursementOffers(callback){
        let amount = 0;
        let per_dis = 0;
        let bool = 0;
        let days = 0;
        let phases = 0;
        $("#accordionChild > div.panel").each(function(){
           amount += parseInt($(this).find('input.per_disbursement_amount').val());
           if (per_dis == 0){
                   if ($(this).find('input.day_from_disbursement_date').val() != "0"){
                       bool = 1
                   }
           }

            days += parseInt($(this).find('input.day_from_disbursement_date').val());

            per_dis = 1;
            phases++;
        });

        if (!days && (amount === 0 || isNaN(amount))){
            days = 1;
        }

        if(!bool && (phases == 1 || isNaN(amount))){
            callback({status:0, message:'You have to create more than 1 phase to submit the details.'});
        }else if (bool && amount > 0) {
            callback({status:0, message:'First Phase\'s Days From Disbursement Date should be Zero'});
        }else{

            if (!days || isNaN(days)){
                callback({status:0, message:'Your Partial Disbursement Offer is not correct'});
            }else{
                callback({status: amount === 100 || amount === 0 || isNaN(amount) ? 1 : 0});
            }
        }
    }

    function offerValidation(callback){

        if(parseInt($("select[name='status']").val()) == 0){
            callback({data:{status:'OK'}});
            return true;
        }

        var _token = '<?php echo csrf_token(); ?>';
        let tenure = parseInt($("input[name='tenure']").val());
        let advance_emi = parseInt($("input[name='advance_emi']").val());
        let subvention = $("input[name='subvention']").val();
        let advance_type = $('input[name="advance_type"]:checked').val();
        let remaining_emi = 0;
        if (advance_type == "emi") {
            remaining_emi = (tenure - advance_emi);
        }else{
            remaining_emi = tenure;
        }
        $.ajax({
            type: 'POST',
            url: "/admin/merchant/module/get-validation/<?php echo isset($offer->merchant_id) ? $offer->merchant_id : $merchant_id; ?>",
            data: {_token: _token, subvention:subvention, tenure: remaining_emi},
            dataType: "JSON",
            success: function (response) {
                callback({data:response,tenure:remaining_emi,subvention});
            }
        });
    }
</script>