@php
function get_city_name($id){
    $result=DB::table('cities')->where('id',$id)->first();
    return $result->name;
}
function get_state_name($id){
    $result=DB::table('states')->where('id',$id)->first();
    return $result->name;
}
@endphp

<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            
            <div class="body">
                <div class="row clearfix">

                    <div class="col-md-4">
                        <b> Name   <span style="color:red">*</span> </b>
                        <div class="input-group">
                            <div class="form-line">
                                <input name="client_name" id="client_name" maxlength="255" required type="text" class="form-control" value="{{isset($testimonials->client_name)?$testimonials->client_name:old('client_name') }}" maxlength="50" >
                    
                                @if ($errors->has('client_name')) <p class="help-block text-danger">{{ $errors->first('client_name') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>
                    

                    <div class="col-md-4">
                        <b>Email   </b>
                        <div class="input-group">
                            <div class="form-line">
                                <input name="email" id="email" maxlength="255" required type="text" class="form-control" value="{{isset($testimonials->email)?$testimonials->email:old('email') }}" maxlength="50" >
                    
                                @if ($errors->has('email')) <p class="help-block text-danger">{{ $errors->first('email') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <b>Phone Number  <span style="color:red">*</span>  </b>
                        <div class="input-group">
                            <div class="form-line">
                                <input name="phone_no" id="phone_no" maxlength="255" required type="text" class="form-control numbersOnly" value="{{isset($testimonials->phone_no)?$testimonials->phone_no:old('phone_no') }}" maxlength="50" >
                                @if ($errors->has('phone_no')) <p class="help-block text-danger">{{ $errors->first('phone_no') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>


                    <div class="col-md-6">
                        <b>Address Line 1</b>
                        <div class="input-group">
                            <div class="form-line">
                                <input type="text" id="address1" name="address1" value="{{isset($testimonials->address1)?$testimonials->address1:old('address1')}}" class="form-control" maxlength="250">
                            @if ($errors->has('address1')) <p class="help-block text-danger">{{ $errors->first('address1') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <b>Address Line 2</b>
                        <div class="input-group">
                            <div class="form-line">
                                <input type="text" id="address2" name="address2" value="{{isset($testimonials->address2)?$testimonials->address2:old('address2')}}" class="form-control" maxlength="250">
                            @if ($errors->has('address2')) <p class="help-block text-danger">{{ $errors->first('address2') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <b>Country</b>
                        <div class="input-group">
                                        <div class="form-group">
                                <select class="form-control" data-placeholder="Select" onchange="get_State(this.value)" name="country" id="country">
                                    <option value="">Select a Country</option>
                                    @foreach($country as $key=>$item)
                                        @php
                                            $country = isset($testimonials->country) ? $testimonials->country : old('country');
                                        @endphp
                                        <option  value="{{$item['COUNTRYID']}}">{{$item['COUNTRYNAME']}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <b>State</b>
                        <div class="input-group">
                            <div class="form-group">
                                <div id="state_div">
                                <select id="state" name="state" class="form-control" data-placeholder="Select"  onchange="get_City(this.value)" >
                                    <option value="">Select a State</option>
                                    @php
                                        if(isset($testimonials->state)) { 
                                    @endphp
                                        <option selected="" value="{{$testimonials->state}}">{{ get_state_name($testimonials->state)}}</option>
                                    @php } @endphp
                                    </select> 
                                </div>
                                @if ($errors->has('state')) <p class="help-block text-danger">{{ $errors->first('state') }}</p> @endif
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <b>City</b>
                        <div class="input-group">
                            <div class="form-group">
                                <div id="city_div">
                                <select id="city" name="city" class="form-control" data-placeholder="Select"  >
                                        <option value="" >Select a City</option>
                                    @php
                                        if(isset($testimonials->city)) { 
                                    @endphp
                                        <option selected="" value="{{$testimonials->city}}">{{ get_city_name($testimonials->city)}}</option>
                                    @php } @endphp
                                    </select> 
                                </div>
                                   </div>
                               
                                @if ($errors->has('city')) <p class="help-block text-danger">{{ $errors->first('city') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                  
                    <div class="col-md-4">
                        <b>Pincode </b>
                        <div class="input-group">
                            <div class="form-line">
                                <input name="pincode" id="pincode" maxlength="255" required type="text" class="form-control numbersOnly" value="{{isset($testimonials->pincode)?$testimonials->pincode:old('pincode') }}" maxlength="50" >
                                @if ($errors->has('pincode')) <p class="help-block text-danger">{{ $errors->first('pincode') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>
                    
                    <div class="col-md-4">
                        <b>Status </b>
                        <div class="input-group">
                            <div class="form-group">
                                <select class="form-control" data-placeholder="Select" required name="status" id="status">
                                    @php
                                        $select_active = ''; $select_inactive = '';
                                        $status = isset($testimonials->status) ? $testimonials->status : old('status');
                                        
                                        if($status=='1') {
                                            $select_active = 'selected';
                                        }
                                        if($status=='0') {
                                            $select_inactive = 'selected';
                                        }
                                    @endphp
                                    <option value="1" {{$select_active}}>Active</option>
                                    <option value="0" {{$select_inactive}}>Inactive</option>
                                </select>     
                                @if ($errors->has('status')) <p class="help-block text-danger mb-25">{{ $errors->first('status') }}</p> @endif 
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div class="row">
                    <div class="col-md-12">
                        <b> Comments  </b>
                        <div class="input-group">
                            <div class="form-line">
                                <textarea class="materialize-textarea" name="comments" id="comments">{{isset($testimonials->comments)?$testimonials->comments:old('comments') }}</textarea>
                                @if ($errors->has('comments')) <p class="help-block text-danger">{{ $errors->first('comments') }}</p> @endif
                            </div>
                            <span class="input-group-addon">
                                <i></i>
                            </span>
                        </div>
                    </div>
                </div>
                    <input type="hidden" name="is_changed" id="is_changed" value="0">

                </div>
            </div>
        </div>

    </div>
</div>

<script>
    @if(isset($testimonials))
        get_City("{{$testimonials->state}}");
        get_State("{{$testimonials->country}}");
    @endif
    function showpwd(val,id) {
        if(val=='text') { 
            $('#'+id).attr('type', 'text'); 
            $('#'+id+'_hidepwd').hide(); 
            $('#'+id+'_showpwd').show(); 
        }
        if(val=='pwd') {
            $('#'+id).attr('type', 'password'); 
            $('#'+id+'_hidepwd').show(); 
            $('#'+id+'_showpwd').hide(); 
        }
    }
    function get_City(val){
        var sid=val;

        $('#city_div').html('');

        var select = document.createElement("select");

            select.id = "city";

            select.className = "form-control selectpicker required";

            select.name = "city";

            $('#city_div').html(select);

            

        $.ajax({
            type:"GET",
            headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') },
            url:"{{ url('/') }}/members/GET-CITY",
            data:{SID:sid,_token:$('meta[name=_token]').attr('content')},
            async:false,
            dataType:"JSON",
            completed:function(e, x, settings, exception){ajax_errors(e, x, settings, exception)},
            error:function(e, x, settings, exception){ajax_errors(e, x, settings, exception)},
            success:function(response){
                $('#city').find('option').remove().end();
                $('#city').append('<option value="" disabled selected>Select a City</option>');
                for(var i=0;i<response.length;i++){
                    var option = document.createElement("option");
                    option.value = response[i]['CITYID'];
                    option.text = response[i]['CITYNAME'];
                    select.appendChild(option);
                }
            }
        });
        $('#city').attr('data-live-search',true);
        $('#city').selectpicker(); 
    }

    function get_State(val){

        var sid=val;

        /*$('#state_div').html('');

        var select = document.createElement("select");

            select.id = "state";

            select.className = "form-control";

            select.name = "state";

            $('#state_div').html(select);*/

            

        $.ajax({
            type:"GET",
            headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') },
            url:"{{ url('/') }}/members/GET-STATE",
            data:{SID:sid,_token:$('meta[name=_token]').attr('content')},
            async:false,
            dataType:"JSON",
            completed:function(e, x, settings, exception){ajax_errors(e, x, settings, exception)},
            error:function(e, x, settings, exception){ajax_errors(e, x, settings, exception)},

            success:function(response){
                $('#state').find('option').remove().end();
                $('#state').append('<option value="" disabled selected>Select a State</option>');
                for(var i=0;i<response.length;i++){
                    var option = document.createElement("option");
                    $('#state').append('<option value="'+response[i]['STATEID']+'" >'+response[i]['STATENAME']+'</option>');

                }

            }

        });

        $('#state').attr('data-live-search',true);

        $('#state').selectpicker(); 
    }
</script>