@extends('layouts.app')

@section('title', "The Wealth Finder")

@section('header_css')
<link href="{{url('/css/easy-autocomplete.css')}}" rel="stylesheet"/>

<style>
.loadingImg {
    background-image: url("../images/loading-smll.gif");
    background-repeat: no-repeat;
    background-position: 98% 50%
}

.searcHeading {
    text-align: center;
    padding-top: 20px;
    font-size: 53px;
    font-family: ui-sans-serif;
   
    margin-top: 0px!important;
}
.bg-card{background: #fff; border-radius: 15px;}
.searcHeading span{display: block;font-size: 15px;font-family: arial;}
.easy-autocomplete input{box-shadow:unset;}

</style>
@stop

@section('content')
<div class="container">
<div class="bg-card">
<div class="searcHeading">The Wealth Finder  <span> (Find Your Wealth With Ease) </span></div>
<div class="s131">
    <form id="wealth_search_frm" name="wealth_search_frm" method="post" action="">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <div class="inner-form">
            <div class="input-field first-wrap">
                <input type="text" name="searchgalance" id="searchgalance" onfocus="(this.value=='Start typing your search') && (this.value='')" onblur="(this.value=='') && (this.value='Start typing your search')" autocomplete="off" placeholder="Search With Your Father & Investor Name" value="" />
                <input type="hidden" name="searchIdVal" id="searchIdVal" value=""/>
                <input type="hidden" name="searchValue" id="searchValue" value=""/>
                <input type="hidden" name="securityCode" id="securityCode" value=""/>
            </div>
            <div class="input-field third-wrap">
                <button class="btn-search" type="button" id="searchBtn">Search</button>
            </div>
        </div>
        <div class="float-right" style="padding: 10px 10px 0px 0px;">
            <a href="{{url('/twf/advanced-search')}}" style="color: white;">Advanced Search...</a>
        </div>
    </form>
</div>
</div>
</div>
@stop

@section('footer_scripts')
<script src="{{url('/js/easy-autocomplete.js')}}"></script>
<script type="text/javascript">
$(document).ready(function () {

    var todaySearchPlace = {
        url: function(phrase) {
            $("#searchgalance").addClass("loadingImg");
            return "{{url('/search-company-investor')}}?search_value=" + phrase + "&&format=json";
        },
        getValue: function(item) {

            if((item.folio_no != "")){
                return item.folio_no;
            }
        },
        template: {
            type: "custom",
            method: function(value, item) {
                $("#searchgalance").removeClass("loadingImg");
                return "<span class='searchName'>Father :- "+item.father_fullname+" | Investor :- "+item.investor_fullname+" </span>";
            }
        },
        list: {
            maxNumberOfElements: 10,
            match: {
                enabled: false
            },
            onChooseEvent: function() {
                var selectedValid = $("#searchgalance").getSelectedItemData().id;
                var searchList = $("#searchgalance").getSelectedItemData();

                var selectedNameVal = "Father :- "+searchList.father_fullname +" | Investor :- "+searchList.investor_fullname;
                //(searchList.folio_no != "") ? searchList.folio_no : "";
                var searchValue = (searchList.folio_no != "") ? searchList.folio_no : 0;
                var securityCode = (searchList.security_code != "") ? searchList.security_code : 0;

                $("#searchgalance").val(selectedNameVal);
                $("#searchIdVal").val(selectedValid);
                $("#searchValue").val(searchValue);
                $("#securityCode").val(securityCode);
            }
        },
        highlightPhrase: true,
        theme: "square",
        minCharNumber: 1
    };
    $("#searchgalance").easyAutocomplete(todaySearchPlace);

    $(document).on('click','#searchBtn',function(){

        var idVal = $("#searchIdVal").val();
        var searchVal = $("#searchValue").val();
        var securityCode = $("#securityCode").val();
        //$('#wealth_search_frm').attr("action", "{{url('/investor')}}/"+idVal+"/"+cinVal+"");
        //$( "#wealth_search_frm" ).submit();

        window.location.href = "{{url('/investor')}}/"+idVal+"/"+searchVal+"/"+securityCode;
    });

});
</script>
@stop