@extends('admin.layouts.modal')
@section('content')

@if (isset($status))
<div class="pad margin no-print">
    <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
        <ul>
            @foreach ($status['messages'] as $m)
                <li>{{$m}}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

<section class="content">
    <div class="row">
        <!-- left column -->
        <div class="col-md-12">
            <!-- general form elements -->
            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title"> @if (isset($address->id)) Edit @else Create @endif {{$type}} Address</h3>
                    <div class="box-tools">
                        <button class="btn btn-primary btn-sm close_popup">
                        <span class="glyphicon glyphicon-backward"></span> {{{trans('admin/admin.back') }}}
                        </button>
                    </div>
                </div><!-- /.box-header -->
                <!-- form start -->

                @if(isset($address) && $address->id)
                    {!! Form::model($address, ['method' => isset($address) && $address->id ? 'put' : 'post','files' => true]) !!}
                @else
                    {!! Form::model(['route' => ['store-address'],'method' => 'post','files' => true]) !!}
                @endif
                    <input type="hidden" name="type" value="{{$type}}" />
                   
                    <div class="row" style="margin-top:2%;">
                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('name') ? 'has-error' : '' }}}">
                                <label for="name">
                                    <strong>Name 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <input type="text" name="name" id="name" value="@if(isset($address)){{$address->name}}@else{{old('name')}}@endif" placeholder="Enter Name" class="form-control">
                                {!! $errors->first('name', '<label class="control-label"  for="name">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('email') ? 'has-error' : '' }}}">
                                <label for="email">
                                    <strong>Email 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <input type="email" name="email" id="email" value="@if(isset($address)){{$address->email}}@else{{old('email')}}@endif" placeholder="Enter Email" class="form-control">
                                {!! $errors->first('email', '<label class="control-label"  for="email">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('mobile') ? 'has-error' : '' }}}">
                                <label for="mobile">
                                    <strong>Phone 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <input type="text" name="mobile" id="mobile" data-request="isnumeric" value="@if(isset($address)){{$address->mobile}}@else{{old('mobile')}}@endif" placeholder="Enter Contact No." class="form-control">
                                {!! $errors->first('mobile', '<label class="control-label"  for="mobile">:message</label>')!!}
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('postal_code') ? 'has-error' : '' }}}">
                                <label for="postal-code">
                                    <strong>Postal Code 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <input type="text" class="form-control" id="postal_code" name="postal_code" data-request="isnumeric" value="@if(isset($address)){{$address->postal_code}}@else{{old('postal_code')}}@endif" placeholder="Enter Postal Code">
                                {!! $errors->first('postal_code', '<label class="control-label"  for="postal_code">:message</label>')!!}
                            </div>
                        </div>

                        <div class="col-sm-12">
                            <div class="form-group {{{ $errors->has('address') ? 'has-error' : '' }}}">
                                <label for="address">
                                    <strong>Address 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <textarea rows="2" class="form-control" id="address" name="address" placeholder="Enter Address">@if(isset($address)){{$address->address}}@else{{old('address')}}@endif</textarea>
                                {!! $errors->first('address', '<label class="control-label"  for="address">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('country_id') ? 'has-error' : '' }}}">
                                <label for="country">
                                    <strong>Country 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <select name="country_id" class="form-control selectpicker" data-live-search="true" onchange="getStates(this,'states')" id="country_id">
                                    <option value="">-- Select Country --</option>
                                    @foreach($countries as $val)
                                        <option value="{{$val->id}}"  @if(isset($address) && ($address->country_id == $val->id) || (old('country_id') == $val->id)) selected @endif>{{$val->name}}</option>
                                    @endforeach
                                </select>
                                {!! $errors->first('country_id', '<label class="control-label"  for="country_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('state_id') ? 'has-error' : '' }}}" id="states">
                                <label for="state">
                                    <strong>State 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <select name="blank_state" class="form-control selectpicker" data-live-search="true" id="blank_state">
                                    <option value="">-- Select State --</option>
                                </select>
                                {!! $errors->first('state_id', '<label class="control-label"  for="state_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group {{{ $errors->has('city_id') ? 'has-error' : '' }}}" id="cities">
                                <label for="city">
                                    <strong>City 
                                        <span class="mendatory" style="color:red"> *</span>
                                    </strong>
                                </label>
                                <select name="blank_city" class="form-control selectpicker" data-live-search="true" id="blank_city">
                                    <option value="">-- Select City --</option>
                                </select>
                                {!! $errors->first('city_id', '<label class="control-label"  for="city_id">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="landmark">
                                    <strong>Landmark</strong>
                                </label>
                                <input type="text" class="form-control" id="landmark" name="landmark" value="@if(isset($address)){{$address->landmark}}@else{{old('landmark')}}@endif" placeholder="Enter Landmark">
                                {!! $errors->first('landmark', '<label class="control-label"  for="landmark">:message</label>')!!}
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="area">
                                    <strong>GSTIN</strong>
                                </label>
                                <input type="text" name="gst_number" id="gst_number" value="@if(isset($address)){{$address->gst_number}}@else{{old('gst_number')}}@endif" placeholder="Enter GSTIN No." class="form-control">
                                {!! $errors->first('gst_number', '<label class="control-label"  for="gst_number">:message</label>')!!}
                            </div>
                        </div>
                    </div>
                    <div class="box-footer">
                        <button type="reset" class="btn btn-warning close_popup">
                            <span class="glyphicon glyphicon-ban-circle"></span> {{trans("admin/modal.cancel") }}
                        </button>
                        <button type="submit" class="btn btn-primary">
                            <span class="glyphicon glyphicon-ok-circle"></span>
                            @if (isset($menu) && ($menu->id))
                                {{ trans("admin/modal.edit") }}
                            @else
                                {{trans("admin/modal.create") }}
                            @endif
                        </button>
                    </div>
                {!! Form::close() !!}    
            </div>
        </div>
    </div>
</section>
@endsection   

@section('styles')
	<style type="text/css">
	    .side-main {
			/*padding: 0 0 12px 20px;*/
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 700;
			color: #333;
		}
	</style>
@endsection

@section('scripts')
    @parent
    <script type="text/javascript">
        function getStates(th) {
            var countryId = $('#country_id').val();
            var stateId = "";

            @if(isset($address->state_id) && $address->state_id)
                stateId = '{{$address->state_id}}';
            @endif

            console.log(stateId);
            var data = {
                country_id : countryId,
                '_token' : '{{{csrf_token()}}}'
            }
            $.ajax({
                url: '/ajax/states' ,
                type: 'POST',
                data: data,
                success:function(data) {
                    var selectbox = '';
                    if(data)
                    {
                        selectbox = '<label for="state"><strong>State</strong></label>';
                        selectbox += '<select name="state_id" class="form-control" data-live-search="true" onchange="getCities(this)" id="state_id">';
                        selectbox += '<option>-- Select State --</option>';
                        $.each(data, function (i, item) {
                            if(i == stateId) {
                                selectbox += '<option value="'+i+'" selected="selected">'+item+'</option>';
                            }
                            else {
                                selectbox += '<option value="'+i+'">'+item+'</option>';
                            }
                        });
                        selectbox += '</select>';
                    }
                    $('#blank_state').css('display','none');
                    $('#states').css('display','block');
                    $('#states').html(selectbox);
                    
                    if(stateId) {
                        getCities();
                    }
                }
            });
        }

        function getCities(th) {
            var stateId = $('#state_id').val();
            var cityId = "";
            
            @if(isset($address->city_id) && $address->city_id)
                cityId = '{{$address->city_id}}';
            @endif

            var data = {
                state_id : stateId,
                '_token' : '{{{csrf_token()}}}'
            }
            $.ajax({
                url: '/ajax/cities' ,
                type: 'POST',
                data: data,
                success:function(data) {
                    var selectbox = '';
                    if(data)
                    {
                        selectbox = '<label for="state"><strong>City</strong></label>';
                        selectbox += '<select name="city_id" class="form-control selectpicker" data-live-search="true" id="city_id">';
                        selectbox += '<option>-- Select City --</option>';
                        $.each(data, function (i, item) {
                            if(i == cityId) {
                                selectbox += '<option value="'+i+'" selected="selected">'+item+'</option>';
                            }
                            else {
                                selectbox += '<option value="'+i+'">'+item+'</option>';
                            }
                        });
                        selectbox += '</select></div>';
                    }
                    $('#blank_city').css('display','none');
                    $('#cities').html(selectbox);
                    $('#cities').css('display','block');
                    $('select').selectpicker();
                }
            });
        }

        $(document).ready(function(){
            if($('#country_id').val()) {
                getStates();
            }
        });
    </script>
    
@endsection