@extends('layouts.app')


@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h3 class="text-themecolor">{{ ($senddata->id != '') ? 'Edit' : 'Add' }} Address Book</h3>
    </div>
    <div class="col-md-7 align-self-center">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
            <li class="breadcrumb-item active">Address Book</li>
        </ol>
    </div>
  
</div>

<div class="container-fluid">
   

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">    
                    {!! Form::model($senddata, ['route' => $route, 'method' => $method, 'id'=>'address_book_form' , 'files' => true,'class' => 'form']) !!}
                    <div class="row">
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="access_name" class="col-lg-4 col-form-label">Name <span
                                        style="color:red;">*</span></label>
                                <div class="col-lg-8">
                                {{ Form::text('name',($senddata->id != '') ? $senddata->name : old('name'),['class' => 'form-control','data-error' => 'Please Enter Name','placeholder'=>'Please Enter Name'] ) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="access_name" class="col-lg-4 col-form-label">Phone Number <span style="color:red;">*</span></label>
                                <div class="col-lg-8">
                                    {{ Form::text('phone',($senddata->id != '') ? $senddata->phone : old('phone'),['class' => 'form-control','data-error' => 'Please Enter Phone Number','placeholder'=>'Please Enter Phone number'] ) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="access_name" class="col-lg-4 col-form-label">House No & Apartment Name <span style="color:red;">*</span></label>
                                <div class="col-lg-8">
                                    {{ Form::text('house_apartment',($senddata->id != '') ? $senddata->house_apartment : old('house_apartment'),['class' => 'form-control','data-error' => 'Please Enter House Number','placeholder'=>'Please Enter House number'] ) }}
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="access_name" class="col-lg-4 col-form-label">Landmark</label>
                                <div class="col-lg-8">
                                    {{ Form::text('landmark',($senddata->id != '') ? $senddata->landmark : old('landmark'),['class' => 'form-control','data-error' => 'Please Enter Landmark','placeholder'=>'Please Enter Landmark'] ) }}
                                </div>
                            </div> 
                        </div>
                    </div>

                    <div class="row">                        
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="zip_location" class="col-lg-4 col-form-label">Pincode<span style="color:red;">*</span> <span data-hover="Enter Atleast 3 Characters" class="hover"><i class="menu-icon mdi mdi-information-outline tooltipIcon"></i></span></label>
                                <div class="col-lg-8">
                                    <input type="text" name="pincode" value="@if($senddata->id!=''){{ $pincode }}@endif" maxlength="25" autocomplete="off" class="form-control searchL" placeholder="Search Picode" id="pin_code_search">
                                    <input type="hidden" name="pin_location" id="pin_location" value="@if($senddata->id!=''){{ $senddata->pincode }}@else{{ old('pincode') }}@endif">
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="city_name" class="col-lg-4 col-form-label">City<span style="color:red;"></span></label>
                                <div class="col-lg-8">
                                    <input type="text" id="city_name" name="city_name" value="@if($senddata->id!=''){{ $city_name }}@endif" class="form-control" placeholder="Enter Place" readonly>
                                    <input type="hidden" name="city_id" id="city_id" value="@if($senddata->id!=''){{ $senddata->city }}@else{{ old('city') }}@endif">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="state" class="col-lg-4 col-form-label">State<span style="color:red;"></span></label>
                                <div class="col-lg-8">
                                    <input type="text" id="state" name="state" value="@if($senddata->id!=''){{ $state_name }}@endif" class="form-control" placeholder="Enter State" readonly>
                                    <input type="hidden" name="state_id" id="state_id" value="@if($senddata->id!=''){{ $senddata->state }}@else{{ old('state') }}@endif">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="state" class="col-lg-4 col-form-label">Street and Location<span style="color:red;"></span></label>
                                <div class="col-lg-8">
                                    <input type="text" id="street_location" name="street_location" value="@if($senddata->street_location!=''){{ $senddata->street_location }}@else{{ old('street_location') }}@endif" class="form-control" placeholder="Enter street and Location">
                                </div>
                            </div>
                        </div>
                    </div>
      

                    <div class="row">
                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            <div class="form-group row">
                                <label for="example-tel-input" class="col-lg-4 col-form-label">Address Tag </label>
                                <div class="col-lg-8">
                                    {!! Form::select('address_tag',['1'=>'Home','2'=>'Office','3'=>'Others'],($senddata->id != '') ? $senddata->address_tag : '',['class' => 'form-control']) !!}
                                </div>
                            </div>   
                        </div>

                        <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                            @if ($senddata->id)
                            <div class="form-group row">
                                <label for="example-tel-input" class="col-lg-4 col-form-label">Status </label>
                                <div class="col-lg-8">
                                    {!! Form::select('status',['1'=>'Active','0'=>'In Active'],($senddata->id != '') ? $senddata->status : '',['class' => 'form-control']) !!}
                                </div>
                            </div>
                            @endif    
                        </div>
                    </div>

                        <div class="form-group row">
                            <label for="example-color-input" class="col-lg-3 col-form-label">&nbsp;</label>
                            <div class="col-lg-9">
                                <button type="submit" class="btn btn-success waves-effect waves-light m-r-10 submit_address_book_form">{{ ($senddata->id != '') ? 'Update' : 'Save' }}</button>
                                <a href="{{ action('AddressBookController@index') }}" class="btn btn-inverse waves-effect waves-light">Cancel</a>
                            </div>
                        </div>
                        

                    {!! Form::close() !!}
                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">

$(document).ready(function () {

$(document).on('click', '.submit_address_book_form', function (e) {
    e.preventDefault();
    $("form#address_book_form").validate({
        rules: {
            name: { required: true, },
            phone: { required: true, },
            house_no: { required: true, },
            street: { required: true, },
            pincode: { required: true, },
            location: { required: true, },
            
        },
        messages: {
           name: { required: "Please enter Name"},
           phone: { required: "Please enter phone number"},   
           house_no: { required: "Please enter house number"},
           street: { required: "Please enter street"},
           pincode: { required: "Please search your pincode"},
           location:{required: "Please enter location"}

        },
        focusInvalid: true,
        invalidHandler: function () {
            $(this).find(":input.error:first").focus();
        }
    });
    if ($("form#address_book_form").valid()) {
        $("form#address_book_form").submit();
    }
});
});

</script>

<script type="text/javascript">
$( "#pin_code_search" ).autocomplete({
    autoFocus: true,
    ignore:{},
    search:function(event, ui){
        $(this).removeClass('searchL').addClass('loader');
        var value = document.getElementById('pin_code_search').value;
      	if(value.length < 3){
          event.preventDefault();
        }
    },
    open:function(){
        $(this).removeClass('loader').addClass('searchL');
    },
    source: function( request, response ) {
        $.ajax({
        url: "{{ url('getPincodeList') }}",
        type: 'get',
        dataType: "json",
        data: {
            search: request.term,
        },
        success: function( data )
        {
            response(data);
        }
    });
    },
    select: function (event, res)
    { 
        $("#pin_code_search").val(res.item.pincode)
        $('#pin_location').val(res.item.id);
        $('#city_name').val(res.item.city_name);
        $('#state').val(res.item.state_name);
        $('#city_id').val(res.item.city_id);
        $('#state_id').val(res.item.state_id);
        return false;
    }
});
</script>
@endsection