@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>
    </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 }} ">
                        <div class="accordion" id="collapse-group">

                        <div class="accordion-group widget-box">
                        <div class="accordion-heading">
                        <div class="widget-title"> 
                            <a data-parent="#collapse-group" href="#collapseGThree" data-toggle="collapse" class=""> <span class="icon"><i class="icon-magnet"></i></span>
                            <h5>Identity Details</h5>
                            </a> 
                        </div>
                        </div>
            <div class="accordion-body in collapse" id="collapseGThree" style="height: auto;">
            @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<span class="error">*</span>:</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<span class="error">*</span> :</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">Assign Buyer<span class="error">*</span> :</label>
                                <div class="controls">
                                    <select name="assign_buyer_id" id='assign_buyer_id' class="span11">
                                        <option value="">Select Assign Buyer</option>
                                        @if(count($buyerUser) > 0)
                                        @foreach($buyerUser as $key => $user)
                                        <option value="{{ $user->id }}" @if($rahebar->assign_buyer_id  == $user->id) selected @endif>{{ $user->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                <div class="control-group">
                    <label class="control-label">Limit:<span class="error">*</span> :</label>
                    <div class="controls">
                        <input class="span11" placeholder="Limit" type="text" name="amount_limit" value="{{ $rahebar->amount_limit }}" required="">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Name of the Applicant:<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11" {{ $readonly }} placeholder="Name of the Applicant" type="text" name="name" value="{{ $rahebar->name }}" required="">
                        </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Date of incorporation:<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11 datepicker" data-date="01-02-2013" {{ $readonly }} data-date-format="dd-mm-yyyy" placeholder="Date of incorporation" type="text" name="date_incorporation" required id="date_incorporation" value="{{ changeDateFormate($rahebar->date_incorporation) }}" />
                        </div>
                </div>

                <div class="control-group">
                    <label class="control-label">Email of the Applicant:<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11" placeholder="Email of the Applicant" type="email" {{ $readonly }} name="email" value="{{ $rahebar->email }}" required="">
                        </div>
                </div>

                <div class="control-group">
                    <label class="control-label">Mobile No of the Applicant:<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11" placeholder="Mobile No of the Applicant" type="text" name="mobile" {{ $readonly }} value="{{ $rahebar->mobile }}" min="0" minlength="10" maxlength="10" pattern="\d*" required="">
                        </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Pan# <span class="error">*</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">Pan Image:</label>
                        <div class="controls">
                            <input class="span11" type="file" name="pan_image" 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">Place of incorporation:<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11" placeholder="Place of incorporation" type="text" {{ $readonly }} name="place_incorporation" required="" value="{{ $rahebar->place_incorporation }}">
                        </div>
                </div>
                <div class="control-group">
                    <label class="control-label">KYC Status<span class="error">*</span> :</label>
                        <div class="controls">
                            <select class="span11" name="kyc_status" {{ $disabled }} id="kyc_status" required>
                                <option value="">Select KYC Status</option>
                                    @if(count($KycSupplierStatus) > 0)
                                    @foreach($KycSupplierStatus as $key => $val)
                                        <option value="{{ $val->kyc_slug }}" @if($rahebar->kyc_status  == $val->kyc_slug) selected @endif>{{ $val->kyc_status }}</option>
                                    @endforeach
                                    @endif
                            </select>
                            @if($disabled == 'disabled')
                                <input type="hidden" name="kyc_status" value="{{ $rahebar->kyc_status }} ">
                            @endif
                        </div>
                </div>
                <div class="control-group kycStatusOthers @if($rahebar->kyc_others == null) hide @endif">
                    <label class="control-label">KYC Status Others (please specify):<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11" placeholder="KYC Status Others (please specify)" {{ $readonly }} ype="text" name="kyc_others" id="kyc_others" value="{{ $rahebar->kyc_others }}">
                        </div>
                </div>
                <div class="control-group">
                    <label class="control-label">GST# <span class="error">*</span>:</label>
                        <div class="controls">
                            <input class="span11" placeholder="GST number" type="text" name="gst" {{ $readonly }} id="gst" value="{{ $rahebar->gst }}">
                        </div>
                </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="@if($rahebar->merchant_type_id == null) hide @endif control-group uniqSuppHo">
                    <label class="control-label">Merchant Type<span class="error">*</span>:</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<span class="error">*</span>:</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">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>

                    @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
            <!-- 1 tab close -->
            </div>
            </div>
            <div class="accordion-group widget-box">
            <div class="accordion-heading">
              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGOne" data-toggle="collapse" class=""> <span class="icon"><i class="icon-magnet"></i></span>
                <h5>Bank Details</h5>
                </a> </div>
            </div>
            <div class="accordion-body collapse" id="collapseGOne" style="height: 0px;">
            <div class="control-group">
                <label class="control-label">Name of Bank<span class="error">*</span>:</label>
                    <div class="controls">
                        <input class="span11" placeholder="Name of Bank" type="text" name="bank_name" id="bank_name" value="{{ ($rahebar->bank_details != null && count($bank_details) > 0 && isset($bank_details->bank_name))?$bank_details->bank_name:'' }}">
                    </div>
            </div>
            <div class="control-group">
                <label class="control-label">A/c No.<span class="error">*</span>:</label>
                    <div class="controls">
                        <input class="span11" placeholder="A/c No." type="text" name="ac_no" id="ac_no" value="{{ ($rahebar->bank_details != null && count($bank_details) > 0 && isset($bank_details->ac_no))?$bank_details->ac_no:'' }}">
                    </div>
            </div>
            <div class="control-group">
                <label class="control-label">IFSC Code<span class="error">*</span>:</label>
                    <div class="controls">
                        <input class="span11" placeholder="IFSC Code" type="text" name="ifsc_code" id="ifsc_code" value="{{ ($rahebar->bank_details != null && count($bank_details) > 0 && isset($bank_details->ifsc_code))?$bank_details->ifsc_code:'' }}">
                    </div>
            </div>
            <div class="control-group">
                <label class="control-label">Branch address<span class="error">*</span>:</label>
                    <div class="controls">
                        <input class="span11" placeholder="Branch address" type="text" name="bank_branch_address" id="bank_branch_address" value="{{ ($rahebar->bank_details != null && count($bank_details) > 0 && isset($bank_details->bank_branch_address))?$bank_details->bank_branch_address:'' }}">
                    </div>
            </div>
            <!-- 2 tab close -->
            </div>
            </div>

            <div class="accordion-group widget-box">
            <div class="accordion-heading">
              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGTwo" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
                <h5>Address Details</h5>
                </a> 
            </div>
            </div>
            <div class="accordion-body collapse" id="collapseGTwo" style="height: 0px;">
            <div class="control-group">
                <label class="control-label">Address for correspondence<span class="error">*</span>:</label>
                    <div class="controls">
                        <textarea class="span11" placeholder="Address for correspondence" type="text" name="address" required>{{ $rahebar->address }}</textarea>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Country<span class="error">*</span> :</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<span class="error">*</span>:</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/town/village:<span class="error">*</span> :</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">Pincode<span class="error">*</span> :</label>
                        <div class="controls">
                            <input class="span11" placeholder="Pincode" type="text" name="pincode" pattern="\d*" minlength="6" maxlength="6" value="{{ $rahebar->pincode }}">
                        </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Specify the proof of address submitted for correspondence address:</label>
                        <div class="controls">
                            <input class="span11" placeholder="Specify the proof of address submitted for correspondence address" type="text" name="proof_of_address" value="{{ $rahebar->proof_of_address }}">
                        </div>
                </div>
            <!-- 3 tab close -->
            </div>
            </div>

            <div class="accordion-group widget-box">
            <div class="accordion-heading">
              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGFour" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
                <h5>Registered Address - (if different from above)</h5>
                </a> 
            </div>
            </div>
            <div class="accordion-body collapse" id="collapseGFour" style="height: 0px;">
            <div class="control-group">
                                <label class="control-label">Address<span class="error">*</span>:</label>
                                <div class="controls">
                                    <textarea class="span11" placeholder="Address" type="text" name="registered_address" required>{{ ($rahebar->registered_address != null && count($registered_address) > 0 && isset($registered_address->registered_address))?$registered_address->registered_address:'' }}</textarea>
                                </div>
                                </div>

                                <div class="control-group">
                                    <label class="control-label">Country<span class="error">*</span> :</label>
                                    <div class="controls">
                                        <select class="span11" name="registered_country_id" required="">
                                            <option value="">Select Country</option>
                                            @foreach($country as $countries)
                                                <option value="{{ $countries->id }}" {{ ($registered_country_id == $countries->id)?'selected':'' }}>{{ $countries->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">State<span class="error">*</span>:</label>
                                <div class="controls">
                                    <select class="span11" name="registered_state_id" required="">
                                        <option value="">Select State</option>
                                        @foreach($state as $states)
                                        <option value="{{ $states->id }}" {{ ($registered_state_id == $states->id)?'selected':'' }}>{{ $states->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">City/town/village:<span class="error">*</span> :</label>
                                    <div class="controls">
                                        <select class="span11" name="registered_city_id" required="">
                                            <option value="">Select City</option>
                                            @foreach($city as $cities)
                                            <option value="{{ $cities->id }}" {{ ($registered_city_id == $cities->id)?'selected':'' }}>{{ $cities->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Pincode<span class="error">*</span> :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Pincode" type="text" name="registered_pincode" pattern="\d*" minlength="6" maxlength="6" value="{{ $registered_pincode }}">
                                </div>
                            </div>
            <!-- 4 tab close -->
            </div>
            </div>
            <div class="accordion-group widget-box">
            <div class="accordion-heading">
              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGFive" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
                <h5>Other Details</h5>
                </a> 
            </div>
            </div>
            <div class="accordion-body collapse" id="collapseGFive" style="height: 0px;">
            <div class="control-group">
                                <label class="control-label">Employee Provident Fund Registration No. <span class="error">*</span>:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Employee Provident Fund Registration No." type="text" name="epf_no" id="epf_no" value="{{ $rahebar->epf_no }}">
                                </div>
                                </div>

                            <div class="control-group">
                                <label class="control-label">Employee PF Image:</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="epf_no_image" id="epf_no_image" accept="image/*">
                                    @if(!empty($rahebar->epf_no_image))
                                        <img class="epf_no_image" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->epf_no_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        <i class="fa fa-trash del_pan_img" title="delete image"></i>
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">ESIC Registration No. <span class="error">*</span>:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="ESIC Registration No." type="text" name="esic_registration" id="esic_registration" value="{{ $rahebar->esic_registration }}">
                                </div>
                                </div>

                            <div class="control-group">
                                <label class="control-label">ESIC Image:</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="esic_image" id="esic_image" accept="image/*">
                                    @if(!empty($rahebar->esic_image))
                                        <img class="esic_image" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->esic_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        <i class="fa fa-trash del_pan_img" title="delete image"></i>
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Shop and Establishment Registration No. <span class="error">*</span>:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Shop and Establishment Registration No." type="text" name="shop_est_no" id="shop_est_no" value="{{ $rahebar->shop_est_no }}">
                                </div>
                                </div>

                            <div class="control-group">
                                <label class="control-label">Shop and Establishment Image:</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="shop_est_image" id="shop_est_image" accept="image/*" value="{{ Input::old('shop_est_image') }}">
                                    @if(!empty($rahebar->shop_est_image))
                                        <img class="shop_est_image" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->shop_est_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        <i class="fa fa-trash del_pan_img" title="delete image"></i>
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Micro, Small & Medium Enterprises Registration No. <span class="error">*</span>:</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Micro, Small & Medium Enterprises Registration No." type="text" name="s_m_enterprises_no" id="s_m_enterprises_no" value="{{ $rahebar->s_m_enterprises_no }}">
                                </div>
                                </div>

                            <div class="control-group">
                                <label class="control-label">Micro, Small & Medium Enterprises Image:</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="s_m_enterprises_image" id="s_m_enterprises_image" accept="image/*" value="{{ Input::old('s_m_enterprises_image') }}">
                                    @if(!empty($rahebar->s_m_enterprises_image))
                                        <img class="s_m_enterprises_image" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->s_m_enterprises_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        <i class="fa fa-trash del_pan_img" title="delete image"></i>
                                    @endif
                                </div>
                            </div>  
            <!-- 5 tab close -->
            </div>
            </div>
            <div class="accordion-group widget-box">
            <div class="accordion-heading">
              <div class="widget-title"> <a data-parent="#collapse-group" href="#collapseGSix" data-toggle="collapse"> <span class="icon"><i class="icon-magnet"></i></span>
                <h5>Declaration</h5>
                </a> 
            </div>
            </div>
            <div class="accordion-body collapse" id="collapseGSix" style="height: 0px;">
            <div class="control-group">
                                <label class="control-label"><input type="checkbox" name="declaration" id="declaration" value="1" checked required=""/></label>
                                <div class="controls">
                                I/We hereby declare that the details furnished above are true and correct to the best of my/our knowledge and belief and I/we
undertake to inform you of any changes therein, immediately. In case any of the above information is found to be false or
untrue or misleading or misrepresenting, I am/we are aware that I/we may be held liable for it.
                                </div>
                                </div>  
                            
                                <div class="control-group">
                                <label class="control-label">Signature of the Authorised:</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="signatory_image" id="signatory_image" accept="image/*" value="{{ Input::old('signatory_image') }}">
                                    @if(!empty($rahebar->signatory_image))
                                        <img class="signatory_image" src="{{ App\Model\Rahebar::loadS3Files(Auth::user()->id,Cache::get('s3_bucket'),getAWSKey($rahebar->signatory_image,Cache::get('s3_bucket'))) }}" style="width: 90px;" />
                                        <i class="fa fa-trash del_pan_img" title="delete image"></i> <br>
                                    @endif
                                    <span style="float: right;padding-right: 11px;"><b>Date:</b>  {{ changeDateFormate($rahebar->created_at) }}</span>
                                </div>
                            </div>  
            <!-- 6 tab close -->
            </div>
            </div>
                        <!-- main tab close -->
                        </div>
                        <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>');
                });
            }
        });
    });
    
    $('#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);
                }
            }
        });
    });*/
    $('#kyc_status').on('change', function() {
    var kyc_status = $(this).val();
    if(kyc_status == 'others'){
        $('.kycStatusOthers').show();
    }else{
        $('.kycStatusOthers').hide();
    }
});
$('select[name="registered_country_id"]').on('change', function () {
    var country_id = $(this).val();
    if (country_id) {
    $.ajax({
        url: "{{url('get-state')}}/" + country_id,
        type: "GET",
        dataType: "json",
        success: function (data) {
            $('select[name="registered_state_id"]').empty();
            $('select[name="registered_state_id"]').append('<option value="">Choose State</option>');
            $.each(data, function (key, value) {
                $('select[name="registered_state_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
            });
        }
        });
    } else{
        $('select[name="state_id"]').empty();
    }
});
$('select[name="registered_state_id"]').on('change', function () {
            var country_id = $('select[name="registered_country_id"]').val();
            var state_id = $(this).val();
            if (state_id) {
                $.ajax({
                    url: "{{url('get-city')}}/" + country_id + '/' + state_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="registered_city_id"]').empty();
                        $('select[name="registered_city_id"]').append('<option value="">Choose City</option>');
                        $.each(data, function (key, value) {
                            $('select[name="registered_city_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="registered_city_id"]').empty();
            }
});

    $('select[name="country_id"]').on('change', function () {
            var country_id = $(this).val();
            if (country_id) {
                $.ajax({
                    url: "{{url('get-state')}}/" + country_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="state_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Choose State</option>');
                        $.each(data, function (key, value) {
                            $('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('get-city')}}/" + country_id + '/' + state_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="city_id"]').empty();
                        $('select[name="city_id"]').append('<option value="">Choose City</option>');
                        $.each(data, function (key, value) {
                            $('select[name="city_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="city_id"]').empty();
            }
    });

</script>

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