@extends('Admin.master_layout.master')

@section('title', getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb">
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a>
            <a href="{{ url('rep-suppliers-agent') }}" title="Go to {{ getTitleInPage() }}" class="tip-bottom">
                {{ getTitleInPage() }}
            </a>
            <a href="" class="current">
                Edit
            </a>
        </div>
        <h1>{{ getTitleInPage() }} - Edit</h1>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                @foreach ($errors->all() as $error)
                <p class="alert alert-warning">{{ $error }}</p>
                @endforeach
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                        <h5>{{ getTitleInPage() }} - Edit</h5>
                    </div>
                    <div class="widget-content nopadding">
                        <form action="{{ url('rep-suppliers-agent/store') }}" method="post" class="form-horizontal" enctype='multipart/form-data' id="form_sbmt">
                        <input type="hidden" name="ledger_type" id="ledger_type" value="" />
                        <input type="hidden" name="ledger_type_account_group" id="ledger_type_account_group" value="" />
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="id" value="{{ $rahebar->id }} ">
                         
                            @if(!getMechantIds())
                            @if(count($enterprises) > 1)
                            <div class="control-group">
                                <label class="control-label">Enterprise* :</label>
                                <div class="controls">
                                    <select class="span11" name="enterprise_id" {{ $disabled }} id="enterprise_id">
                                        <option value="">Select Enterprise</option>
                                        @foreach($enterprises as $enterprise)
                                        <option value="{{ $enterprise->id }}" {{ ($rahebar->enterprise_id==$enterprise->id)?'selected':'' }}>{{ $enterprise->name }}</option>
                                        @endforeach
                                    </select>
                                    @if($disabled == 'disabled')
                                        <input type="hidden" name="enterprise_id" value="{{ $rahebar->enterprise_id }} ">
                                    @endif
                                </div>
                            </div>
                            @else
                            <input type="hidden" name="enterprise_id" value="{{ $rahebar->enterprise_id }} ">
                            @endif
                            @if(count($ho_branches) > 0)
                            <div class="control-group">
                                <label class="control-label">Head office* :</label>
                                <div class="controls">
                                    <select class="span11" name="ho_id" {{ $disabled }} id="ho_id">
                                        <option value="">Select Head office</option>
                                        @foreach($ho_branches as $ho)
                                        <option value="{{ $ho->id }}" {{ ($rahebar->ho_id==$ho->id)?'selected':'' }}>{{ $ho->name }}</option>
                                        @endforeach

                                    </select>
                                    @if($disabled == 'disabled')
                                        <input type="hidden" name="ho_id" value="{{ $rahebar->ho_id }}">
                                    @endif
                                </div>
                            </div>
                            @else
                            <input type="hidden" name="ho_id" value="{{ $rahebar->ho_id }}">
                            @endif
                            @else 
                            
                            <input type="hidden" name="enterprise_id" value="{{ $rahebar->enterprise_id }} ">
                            <input type="hidden" name="ho_id" value="{{ $rahebar->ho_id }} ">
                            @endif

                            @if(count($merchants) > 1)
                            <div class="control-group" id='merchant_id'>
                                <label class="control-label">Office/Branches*:</label>
                                <div class="controls">
                                    <select name="merchant_id" id='merchant_id1' {{ $disabled }} class="span11 searchdata">
                                        <option value="">Select Office/Branches</option>
                                        @if(count($merchants) > 0)
                                        @foreach($merchants as $key => $parent)
                                        <option value="{{ $parent->id }}" {{ ($rahebar->merchant_id == $parent->id)?'selected':'' }}>{{ $parent->receipt_number_prefix }}-{{ $parent->ashram_id }}-{{ $parent->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    @if($disabled == 'disabled')
                                        <input type="hidden" name="merchant_id" value="{{ $rahebar->merchant_id }} ">
                                    @endif

                                </div>
                            </div>
                            @else
                             <input type="hidden" name="merchant_id" value="{{ $rahebar->merchant_id }}">
                            @endif
              
                            <div class="control-group">
                                <label class="control-label">Tax Registration Type* :</label>
                                <div class="controls">
                                    <select name="agent_reg_types_id" {{ $disabled }} id='agent_reg_types_id' class="span11">
                                        <option value="">Select Tax Registration Type</option>
                                        @if(count($AgentRegTypes) > 0)
                                        @foreach($AgentRegTypes as $key => $AgentRegTypes)
                                        <option value="{{ $AgentRegTypes->id }}" @if($rahebar->supplier_type_id  == $AgentRegTypes->id) selected @endif>{{ $AgentRegTypes->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    @if($disabled == 'disabled')
                                        <input type="hidden" name="agent_reg_types_id" value="{{ $rahebar->supplier_type_id }} ">
                                    @endif
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Pan# <span id="m_pan"></span>:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Pan number" type="text" {{ $readonly }} name="pancard" value="{{ $rahebar->pancard }}" >
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Supplier Name* :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Supplier Name" type="text" {{ $readonly }} name="name" value="{{ (Input::old('name') !== null)? Input::old('name'):$rahebar->name }}" required="">
                                </div>
                            </div>
                            <div class="@if($rahebar->merchant_type_id == null) hide @endif control-group uniqSuppHo">
                                    <label class="control-label">Merchant Type*:</label>
                                    <div class="controls">
                                    <select class="span11" name="merchant_type_id" {{ $disabled }} id="merchant_type_id">
                                            <option value="">Select Merchant Type</option>
                                            @if(count($TypeOfMerchant) > 0)
                                            @foreach($TypeOfMerchant as $key => $val)
                                                <option value="{{$val->id}}" {{ ($rahebar->merchant_type_id==$val->id)?'selected':'' }}>{{ $val->name }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @if($disabled == 'disabled')
                                            <input type="hidden" name="merchant_type_id" value="{{ $rahebar->merchant_type_id }} ">
                                        @endif
                                    </div>
                            </div>
                            <div class="@if($rahebar->institution_type_id == null) hide @endif control-group uniqSuppHo">
                                    <label class="control-label">Institution Type*:</label>
                                    <div class="controls">
                                    <select class="span11" name="institution_type_id" {{ $disabled }} id="institution_type_id">
                                            <option value="">Select Institution Type</option>
                                            @if(count($InstitutionType))
                                            @foreach($InstitutionType as $key => $val)
                                                <option value="{{ $val->id }}" {{ ($rahebar->institution_type_id==$val->id)?'selected':'' }}>{{ $val->name }}</option>
                                            @endforeach
                                            @endif
                                    </select>
                                    @if($disabled == 'disabled')
                                        <input type="hidden" name="institution_type_id" value="{{ $rahebar->institution_type_id }} ">
                                    @endif
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Short Code :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Short Code" {{ $readonly }} type="text" name="short_code" value="{{ $rahebar->short_code }}" >
                                </div>
                            </div>
                            <div class="control-group hide" id="CommonLE">
                                <label class="control-label">Common Ledger* :</label>
                                    <div class="controls">
                                        <select class="span11" name="common_ledger_id" {{ $readonly }} id="common_ledger_id">
                                            <option value="">Select Ledger</option>
                                        </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Contact Email* :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Email" type="email" {{ $readonly }} name="email" value="{{ (Input::old('email') !== null)? Input::old('email'):$rahebar->email }}" required="">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Contact Phone*:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Contact Phone" type="text" {{ $readonly }} name="mobile" value="{{ (Input::old('mobile') !== null)? Input::old('mobile'):$rahebar->mobile }}" pattern="\d*" min="0" minlength="10" maxlength="10" required="">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Is Regular Supplier? :</label>
                                <div class="controls">
                                    <input type="checkbox" name="is_regular_supplier" {{ $disabled }} @if($rahebar->is_regular_supplier == 1) checked @endif value="1">
                                    @if($disabled == 'disabled')
                                        <input type="hidden" name="is_regular_supplier" value="{{ $rahebar->is_regular_supplier }} ">
                                    @endif
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Country* :</label>
                                <div class="controls">
                                    <select class="span11" name="country_id" {{ $readonly }} required>
                                        <option value="">Select Country</option>
                                        @foreach($country as $countries)
                                        <option value="{{ $countries->id }}" {{ ($rahebar->country_id == $countries->id)?'selected':'' }}>{{ $countries->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">State* :</label>
                                <div class="controls">
                                    <select class="span11" name="state_id" {{ $readonly }} required>
                                        <option value="">Select State</option>
                                        @foreach($state as $states)
                                        <option value="{{ $states->id }}" {{ ($rahebar->state_id == $states->id)?'selected':'' }}>{{ $states->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">City* :</label>
                                <div class="controls">
                                    <select class="span11" name="city_id" {{ $readonly }} required>
                                        <option value="">Select City</option>
                                        @foreach($city as $cities)
                                        <option value="{{ $cities->id }}" {{ ($rahebar->city_id == $cities->id)?'selected':'' }}>{{ $cities->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Full Address*:</label>
                                <div class="controls">
                                    <textarea class="span11" placeholder="Address" {{ $readonly }} type="text" name="address" required>{{ $rahebar->address }}</textarea>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Website :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Website" type="url" {{ $readonly }} name="website" value="{{ $rahebar->website }}">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">GST# <span id="m_gst"></span>:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="GST number" type="text" {{ $readonly }} name="gst" value="{{ $rahebar->gst }}" >
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Pan Image:</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="pan_image" {{ $readonly }} id="pancard_image" accept="image/*" >
                                    <input type="hidden" id="pan_card_img_val" value="{{ $rahebar->pan_image }}">
                                    <span id="imgPanVal"></span>
                                    @if(!empty($rahebar->pan_image))
                                        <img class="pan_image" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->pan_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        {{-- <img class="pan_image" src="{{ $rahebar->pan_image }}" alt="" width="100px" height="100" /> --}}
                                        <i class="fa fa-trash del_pan_img" title="delete image"></i>
                                    @endif
                                </div>
                                <span id="pan_img" style="color:red;font-style:italic;padding-left:205px;"></span>
                            </div>
                            <div class="control-group">
                                <label class="control-label">GST Image :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="gst_image" {{ $readonly }} id="gst_image" accept="image/*" >
                                    <input type="hidden" id="gst_image_val" value="{{ $rahebar->gst_image }}">
                                    <span id="imgGstVal"></span>
                                    @if(!empty($rahebar->gst_image))
                                        {{-- <img class="gst_image" src="{{ $rahebar->gst_image }}" alt="" width="100px" height="100" /> --}}
                                        <img class="gst_image hide_img" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->gst_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        <i class="fa fa-trash del_gst_img" title="delete image"></i>
                                    @endif
                                </div>
                                <span id="gst_img" style="color:red;font-style:italic;padding-left:205px;"></span>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Pincode :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Pincode" type="text" {{ $readonly }} name="pincode" pattern="\d*" minlength="6" maxlength="6" value="{{ $rahebar->pincode }}">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Logo :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="logo" {{ $readonly }} accept="image/*" >
                                    @if(!empty($rahebar->logo))
                                           <img src="{{ $rahebar->logo }}" alt="" width="100px" height="100" />
                                    @endif
                                </div>
                            </div>
                            @if(checkPermissionOnWeb('AgentSupplier','approve') > 0)
                                <div class="control-group">
                                    <label class="control-label">Is Subscribe* :</label>
                                    <div class="controls">
                                        <select class="span11" name="is_subscribe">
                                            <option value="1" {{ (1 == $rahebar->is_subscribe)?'selected':'' }}>Yes</option>
                                            <option value="0" {{ (0 == $rahebar->is_subscribe)?'selected':'' }}>No</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group" id="hocheck_duplicate_name">
                                    <label class="control-label">Check Duplicate Name? :</label>
                                    <div class="controls">
                                        <input type="checkbox" name="check_duplicate_name" id="check_duplicate_name" value="1" {{ ($rahebar->check_duplicate_name == 1)?'checked':'checked' }} />
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Status :</label>
                                    <div class="controls">
                                        <select class="span11" name="status" required="">
                                            <option value="1" {{ ($rahebar->status == 1)?'selected':'' }}>Active</option>
                                            <option value="0" {{ ($rahebar->status == 0)?'selected':'' }}>Inactive</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">KYC:</label>
                                    <div class="controls" id="selected_kyc_status">
                                        <select class="span11" name="is_approver" required="">
                                            {{-- @if($rahebar->is_approver == 1) disabled @endif --}}
                                            <option class="kyc_status dddd" value="1" {{ ($rahebar->is_approver == 1)?'selected':'' }}>Completed</option>
                                            <option class="kyc_status dddd" value="0" {{ ($rahebar->is_approver == 0)?'selected':'' }}>Uncompleted</option>
                                        </select>
                                        {{-- @if($rahebar->is_approver == 1)
                                            <input type="hidden" name="is_approver" value="1" />
                                        @endif --}}
                                    </div>
                                    <span class="doc_msg" style="padding-left:200px;">For completed kyc you must upload pancard and gst document</span>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Self Service  :</label>
                                    <div class="controls">
                                    @if($rahebar->is_self_assessment == 1)
                                        <input type="checkbox" name="is_self_assessment" value="1" id="is_self_assessment" checked disabled style="margin-top: 6px;">
                                        <input type="hidden" name="is_self_assessment" value="1" />
                                    @else
                                        <input type="checkbox" name="is_self_assessment" value="1" id="is_self_assessment" checked style="margin-top: 6px;">
                                    @endif

                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Approved for e-bill  :</label>
                                    <div class="controls">
                                        <input type="checkbox" name="e_bill_approve" value="1" id="e_bill_approve" @if($rahebar->e_bill_approve == 1) checked @endif style="margin-top: 6px;">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Blocked   :</label>
                                    <div class="controls">
                                        <input type="checkbox" name="blocked" value="1" id="blocked" @if($rahebar->blocked == 1) checked @endif style="margin-top: 6px;">
                                    </div>
                                </div>
                            @endif
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success not-submit">Save</button>
                                <a href="{{ url('rep-suppliers-agent') }}" class="btn btn-default rightClnBtn">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
 <script type="text/javascript">
    
    function readURL(input, input_id, image_tag_id) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#'+image_tag_id).html('<img src="'+e.target.result+'" alt="your image" width="60" height="60" />');
            }
                console.log('input => '+ input.files[0].name);
            reader.readAsDataURL(input.files[0]);
            $("#"+input_id).val(input.files[0].name);
        }
    }

    function checkCompletedFiles() {
        var js_pan_card_img_val = $('#pan_card_img_val').val();
        var js_gst_image_val = $('#gst_image_val').val();

        if(js_pan_card_img_val == '' && js_gst_image_val == '') {
            $('#pan_img').html("Please upload pancard image");
            $('#gst_img').html("Please upload GST image");
            $('.not-submit').prop('disabled', true);
        } else if(js_pan_card_img_val == ''){
            $('#gst_img').html("");
        } else if(js_gst_image_val == ''){
            $('#pan_img').html("");
        } else {
            $('#pan_img').html("");
            $('#gst_img').html("");
            $('.not-submit').prop('disabled', false);
        }
    }
    $("#pancard_image").change(function(){
        readURL(this, 'pan_card_img_val', 'imgPanVal');
        checkCompletedFiles();
    });

    $("#gst_image").change(function(){
        readURL(this, 'gst_image_val', 'imgGstVal');
        checkCompletedFiles();
    });
    $('select[name="is_approver"]').on('change', function(){
        var val = $(this).val();
        if (val == 1) {
            checkCompletedFiles();
        } else {
            $('#pan_img').html("");
            $('#gst_img').html("");
            $('.not-submit').prop('disabled', false);
        }   
    })

    $('#email').on('change', function () {
        var email = $(this).val();
        $.ajax({
            type: 'POST',
            url: "{{ url('check-email-supplier') }}",
            data: {
                email: email,
                user_id: 0
            },success: function (data) {
                if(data != ''){
                    $('#email_error').html('<b>'+data+'</b>');
                    $("#supplierSubmit").attr("disabled", true);
                }else{
                    $('#email_error').html('');
                    $("#supplierSubmit").attr("disabled", false);
                }
            }
        });
    });
    $('#pancard').on('change', function () {
            var payer_pancard = $(this).val();
            console.log(payer_pancard);
            $.ajax({
                url: "{{ url('check-pancard-supplier')}}/" + payer_pancard,
                type: "GET",
                dataType: "json",
                success: function (data) {
                    if(data == '0'){
                        $('.uniqSuppHo').show();
                        $("#merchant_type_id").attr("required", true);
                        $("#institution_type_id").attr("required", true);
                        $('#is_email_id_check').val('1');
                    }else{
                        $("#merchant_type_id").attr("required", false);
                        $("#institution_type_id").attr("required", false);
                        $('.uniqSuppHo').hide();
                        $('#is_email_id_check').val('0');
                        
                    }
                }
            });
    });

    $('#enterprise_id').on('change', function() {
        var enterprise_id = $(this).val();
        var token = $('input[name="_token"]').val();
        $.ajax({
            url: "{{ url('/merchant/get-ho-branch/')}}/" + enterprise_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $('#ho_id').empty();
                $('#ho_id').append('<option value="">Select Head Office</option>');
                $('#merchant_id1').empty();
                $('#merchant_id1').append('<option value="">Select Office/Branches</option>');
                $.each(data, function(key, value) {
                    $('#ho_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
        });
    });
    $('select[name="country_id"]').on('change', function () {
            var country_id = $(this).val();
            if (country_id) {
                $.ajax({
                    url: "{{url('/state/get/')}}/" + country_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="state_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Select State</option>');
                        $.each(data, function (key, value) {
                            //console.log(value.id);
                            $('select[name="state_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="state_id"]').empty();
            }
    });
    $('select[name="state_id"]').on('change', function () {
            var country_id = $('select[name="country_id"]').val();
            var state_id = $(this).val();
            if (state_id) {
                $.ajax({
                    url: "{{url('/city/get/')}}/" + country_id + '/' + state_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="city_id"]').empty();
                        $('select[name="city_id"]').append('<option value="">Select City</option>');
                        $.each(data, function (key, value) {
                            //console.log(value.id);
                            $('select[name="city_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="city_id"]').empty();
            }
    });

    $('#ho_id').on('change', function() {
        var ho_id = $(this).val();
        var enterprise_id = $('#enterprise_id option:selected').val();
        var token = $('input[name="_token"]').val();
        $.ajax({
            url: "{{ url('/merchant/get-parent-merchants/')}}/" + enterprise_id + "/" + ho_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
            if(data.length > 1){
                $('#merchant_id').show();
                $('#merchant_id1').empty();
                $('#merchant_id1').append('<option value="">Select Office/Branches</option>');
                $.each(data, function(key, value) {
                    $('#merchant_id1').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            }
            else{
               $('#merchant_id').hide();
               $('#merchant_id1').empty();
               $('#merchant_id1').append('<option value="">Select Office/Branches</option>');
                $.each(data, function(key, value) {
                    $('#merchant_id1').append('<option value="' + value.id + '" selected>' + value.name + '</option>');
                });
           }
                }
            });

             $.ajax({
                url: "{{ url('/suppliers/get-agent-reg-type-suppliers/')}}/" + ho_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $('#agent_reg_types_id').empty();
                    $('#agent_reg_types_id').append('<option value="">Select Supplier Type</option>');
                    $.each(data, function(key, value) {
                        $('#agent_reg_types_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                }
            });
    });

    $('#merchant_id1').on('change', function() {
        var merchant_id = $(this).val();
        var enterprise_id = $('#enterprise_id option:selected').val();
        var token = $('input[name="_token"]').val();
        var merchantArray = new Array(); //storing the selected values inside an array
        $('#merchant_id1 option:selected').each(function(i, selected) {
            merchantArray[i] = $(selected).val();
        });

        if (merchantArray) {
            $.ajax({
                url: "{{url('/merchant/getSubBranches/')}}",
                data: {
                    data: merchantArray,
                    _token: token,
                    enterprise_id: enterprise_id
                },
                type: "POST",
                dataType: "json",
                success: function(data) {

                    $('#merchant_sub').show();
                    $('#merchant_sub_id1').empty();
                    $('#merchant_sub_id1').append('<option value="">Select Sub Branch</option>');
                    $.each(data, function(key, value) {
                        $('#merchant_sub_id1').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                }
            });
        }
    });

    $('#agent_reg_types_id').on('change', function() {
        var agent_reg_types_id = $(this).val();
        var ho_id = $('#ho_id option:selected').val();
        var token = $('input[name="_token"]').val();
        $.ajax({
            url: "{{ url('suppliers/get-tax-reg-type')}}/" + agent_reg_types_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                console.log(data);
                 if(data.is_gst == 1){
                    $('#m_gst').html('*');
                    $("#gst").prop('required',true);
                 }else{
                    $('#m_gst').html('');
                    $("#gst").prop('required',false);
                 }
                 if(data.is_pancard == 1){
                    $('#m_pan').html('*');
                    $("#pancard").prop('required',true);
                 }else{
                    $('#m_pan').html('');
                    $("#pancard").prop('required',false);
                 }
                $('#ledger_type').val(data.ledger_type);
                $('#ledger_type_account_group').val(ledger_type_account_group);
                if(data.ledger_type == 3){
                    $('#CommonLE').show();
                    var account_group = data.account_group_id;
                    $.ajax({
                        url: "{{ url('get-common-le')}}/" + account_group,
                        type: "GET",
                        dataType: "json",
                    success: function(data) {
                            $('#common_ledger_id').empty();
                            $('#common_ledger_id').append('<option value="">Select Ledger</option>');
                            $.each(data, function(key, value) {
                                $('#common_ledger_id').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
                }else{
                    $('#CommonLE').hide();
                }
                 
            }
        });

    });

    $('.del_pan_img').on('click', function () {
        $('.pan_image').hide();
        $('.del_pan_img').hide();
        $('#pan_img').html("Please upload pancard image");
        var kyc_status = $('.kyc_status').val();
        if (kyc_status == 1) {
            $('#selected_kyc_status').html('<select class="span11" name="is_approver" required=""><option class="kyc_status" value="1">Completed</option><option class="kyc_status" value="0" selected>Uncompleted</option></select>');
            //$('.doc_msg').css('color','red');
        }
    });
    $('.del_gst_img').on('click', function () {
        $('.gst_image').hide();
        $('.del_gst_img').hide();
        $('#gst_img').html("Please upload GST image");
        var kyc_status = $('.kyc_status').val();
        if (kyc_status == 1) {
            $('#selected_kyc_status').html('<select class="span11" name="is_approver" required=""><option class="kyc_status" value="1">Completed</option><option class="kyc_status" value="0" selected>Uncompleted</option></select>');
            //$('.doc_msg').css('color','red');
        }
    });

    $('.not-submit').on('click',function() {
        var kyc_status = $('select[name="is_approver"]').val();
        if(kyc_status == 0) {
            return confirm("Are you want to submit form without kyc completion ?");
        }
    });
    /*$('.del_pan_img').on('click', function () {
        var id = {{$rahebar->id}};
        var fieldname = $(this).data('fieldname');
        console.log(id+' say '+fieldname);
        $.ajax({
            type: 'GET',
            url: "{{ url('get-rep-suppliers-agent-delete') }}/"+id,
            data: {
                fieldname: fieldname,
                id: id
            },success: function (data) {
                if(data == 'pan_image'){
                    $('.pan_image').hide();
                    $('.del_img').hide();
                    $('#pan_img').html("Please upload pancard image");
                    $('.not-submit').prop('disabled', true);
                }else if(data == 'gst_image'){
                    $('.gst_image').hide();
                    $('.del_img').hide();
                    $('#gst_img').html("Please upload GST image");
                    $('.not-submit').prop('disabled', true);
                }
            }
        });
    });*/
</script>

@parent
@endsection
<style>
    .fa-trash {
        cursor: pointer;
    }
</style>