@extends('admin.layouts.app')

@section('title', 'Department Permission')

@section('content')

	<!-- TOPBAR -->
	<div class="top_bar page-content" style="min-height:534px">
		<!-- LOADER -->
		<div class="loader">
			<div class="top_status_bar load">
				<div class="progress_bar bar" style="left: 0px;">
				</div>
			</div>
		</div>
		<!-- END LOADER -->
		<!-- BREADCRUMBS -->
		<div class="breadcrumbs">
			<ul>
				<li><a href="{{ route('admin.dashboard') }}">Home</a></li>
				<li><a href="{{ route('admin.settings.index') }}" class="">Settings</a></li>
				<li><a href="#" class="breadcrumb_link" onclick="return false">System Users</a></li>
			</ul>
			<button class="btn btn-large pull-right help theme_btn help_btn">?</button>
		</div>
		<!-- END BREADCRUMBS -->
	</div>
	<!-- PAGE CONTENT -->
				<div class="page-content">
					<div class="row">
						<div class="col-md-12">
							<!-- Begin: life time stats -->
							<div class="portlet setting_landing">
								<!-- MAIN CAPTION START -->
								<div class="portlet-title">
									<div class="caption">
										<h2>About your business
											<span class="subtitle">Decide what information about your business is shown on sales and purchase documents.</span>
										</h2>
									</div>
								</div>
								<!-- MAIN CAPTION END -->
								<hr>
								<!-- MAIN CONTENT START -->
								<div class="portlet-body">
									<div class="settings">
										<div class="settings_inner_row">
											<div class="row">
												<div class="col-md-12">
													<div class="col-md-12">
														<span class="main_title">Business name &amp; trading address</span>
													</div>
												</div>
											</div>
											<div class="row each_row">
												<div class="col-md-12">
													<div class="col-md-7">
														<span class="sub_heading">Where do you run your business from day-to-day?</span>
														<span class="sub_heading">Changes will be reflected across all linked SaleSoft CRM applications</span>
													</div>
													<div class="col-md-5">
														<form class="form-horizontal form-row-seperated" action="" method="post" enctype="multipart/form-data" id="business_settings">
															@csrf                                                    
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Business name*</label>
																<div class="col-md-8 each_input">
																	<input value="{{(empty($data['about_business']->title) || is_null($data['about_business']->title))?'':$data['about_business']->title}}" type="text" class="form-control custom_input validate" name="business_name" id="businessname">
																	<div id="business_name_error" class="errorDiv"></div>
																	<input type="hidden" value="{{(empty($data['about_business']->business_id) || is_null($data['about_business']->business_id))?'':$data['about_business']->business_id}}" name="business">
																
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Address 1*</label>
																<div class="col-md-8 each_input">
																<input type="text" value="{{(empty($data['about_business']->address1) || is_null($data['about_business']->address1))?'':$data['about_business']->address1}}" class="form-control custom_input validate" name="address1" id="address1">
																<div id="address1_error" class="errorDiv"></div>
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Address 2</label>
																<div class="col-md-8 each_input">
																	<input type="text" value="{{(empty($data['about_business']->address2) || is_null($data['about_business']->address2))?'':$data['about_business']->address2}}" class="form-control custom_input" name="address2" id="address2">
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Business country*</label>
																<div class="col-md-8 each_input">
															
																	<select id="country" name="country" class="select2 gbs_country validate select2-hidden-accessible" tabindex="-1" aria-hidden="true">
																		<option value=""></option>
																		@if(!is_null($data['countries']))
																		@foreach($data['countries'] as $country)
																		
																		<option value="{{ $country->id }}" {{ !empty($data['about_business']->country_id) ? $data['about_business']->country_id == $country->id ? 'selected="selected"' : '' : '' }}>{{ $country->name }}</option>
																		@endforeach
																		@endif

																	</select>
																	<div id="country_error" class="errorDiv"></div>
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">State / Province*</label>
																<div class="col-md-8 each_input">
																	<input type="hidden" id="state_current" value="19">
																	<select id="state" name="state" class="select2 state validate select2-hidden-accessible" tabindex="-1" aria-hidden="true">
																		@if(!empty($data['states']))
																		<option value=""></option>
																		@foreach($data['states'] as $state)
																		<option @if($state->id == $data['about_business']->state_id) selected @endif
																			value="{{ $state->id }}">{{ $state->name }}</option>
																		@endforeach
																		@endif
																		<option value=""></option>
																		
																	</select>
																	<div id="state_error" class="errorDiv"></div>
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">City*</label>
																<div class="col-md-8 each_input">
																	<input type="hidden" id="city_current" value="1947">
																	<select id="city" name="city" class="select2 city validate select2-hidden-accessible" tabindex="-1" aria-hidden="true">
																		@if(!empty($data['cities']))
																		<option value=""></option>
																		@foreach($data['cities'] as $city)
																		<option @if($city->id == $data['about_business']->city_id) selected @endif
																			value="{{ $city->id }}">{{ $city->name }}</option>
																		@endforeach
																		@endif
																		<option value=""></option>
																		
																	</select>
																	<div id="city_error" class="errorDiv"></div>
																</div>
															</div>

															{{-- <div class="input_row">
																<label class="col-md-2 pl_pr_0">Area</label>
																<div class="col-md-8 each_input">
																	<input type="hidden" id="area_current" value="1947">
																	<select name="area" class="select2 area validate select2-hidden-accessible" tabindex="-1" aria-hidden="true">
																		<option value="740">Koduvally</option>
																		<option value="841">Kozhikode</option>
																		<option value="842">Jawahar Nagar</option>
																	</select>
																</div>
															</div> --}}
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Country prefix</label>
																<div class="col-md-8 each_input">
																	<input type="text" class="form-control custom_input country_pfx" name="country_pfx" value="{{(empty($data['about_business']->country_prefix) || is_null($data['about_business']->country_prefix))?'':$data['about_business']->country_prefix}}">
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Zipcode</label>
																<div class="col-md-8 each_input">
																<input type="text" class="form-control custom_input" name="zip_code" value="{{(empty($data['about_business']->zipcode) || is_null($data['about_business']->zipcode))?'':$data['about_business']->zipcode}}">
																</div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Timezone*</label>
																<div class="col-md-8 each_input">

																<select name="time_zone" class="select2 validate time_zone select2-hidden-accessible" tabindex="-1" aria-hidden="true">
																	<option value=""></option>
																	@if(!empty($data['timezone']))
																	@foreach($data['timezone'] as $key => $value)
																	
																	<option value="{{ $value }}" {{ !empty($data['about_business']->timezone) ? $data['about_business']->timezone == $value ? 'selected="selected"' : '' : '' }}>{{ $value }}</option>
																	@endforeach
																	@endif
																	
																</select>
																<div id="time_zone_error" class="errorDiv"></div>
															</div>
															
															<div class="input_row">
																<label class="col-md-2 pl_pr_0">Base currency*</label>
																<div class="col-md-8 currency_field">
																	<div class="each_input">
																		<select class="form-control select2  currency_name select2-hidden-accessible" name="drop_currency" tabindex="-1" aria-hidden="true">
																			<option value=""></option>
																			@if(!empty($data['currency']))
																			@foreach($data['currency'] as $currency)
																			
																			<option value="{{ $currency->currency_country_uuid }}">{{ $currency->country_code }}-{{ $currency->country_name }}</option>
																			@endforeach
																			@endif
																		</select>
																	</div>
																	{{-- <input type="text" name="read_currency_name" class="form-control" readonly="" value="{{ !empty($data['basecurrency']->country_code) ? $data['basecurrency']->country_code : '' }}-{{ !empty($data['basecurrency']->country_name) ? $data['basecurrency']->country_name : '' }}">
																	<input type="hidden" name="read_currency_uuid" value="{{ !empty($data['basecurrency']->currency_country_uuid) ? $data['basecurrency']->currency_country_uuid : '' }}">
																	<span class="add_currency">
																		<i class="fa fa-pencil"></i>
																	</span> --}}
																</div>
																{{-- <div class="col-md-8 currency_dropdown each_input">
																	<select class="form-control select2  currency_name select2-hidden-accessible" name="drop_currency" tabindex="-1" aria-hidden="true">
																		<option value=""></option>
																		@if(!empty($data['currency']))
																		@foreach($data['currency'] as $currency)
																		
																		<option value="{{ $currency->currency_country_uuid }}">{{ $currency->country_code }}-{{ $currency->country_name }}</option>
																		@endforeach
																		@endif
																	</select>
																</div> --}}
															</div>
															<div class="input_row generator_readClass">
																<label class="col-md-2 pl_pr_0">Generate IFRAME</label>
																<div class="col-md-8">
																
																	<textarea name="" id="generator"class="form-control" readonly="readonly" value=""></textarea>
																	<span class="generator">
																		<i class="fa fa-plus"></i>
																	</span>
																</div>
																<div class="col-md-8 currency_dropdown each_input">
																	<select class="form-control select2  currency_name select2-hidden-accessible" name="drop_currency" tabindex="-1" aria-hidden="true">
																		<option value=""></option>
																		@if(!empty($data['currency']))
																		@foreach($data['currency'] as $currency)
																		
																		<option value="{{ $currency->currency_country_uuid }}">{{ $currency->country_code }}-{{ $currency->country_name }}</option>
																		@endforeach
																		@endif
																</select>
																</div>
															</div>
															<div class="input_row">
																<label class="col-md-2 pl_pr_0"></label>
																<div class="col-md-8 each_input">
																	<input type="hidden" name="submit" value="1">
																	<input type="submit" name="save" value="Save" class="btn theme_btn_round float_btn save_aboutbusiness">
																	<a href="{{ route('admin.settings.index') }}" class="btn theme_btn_round cancel float_btn">Cancel</a>
																</div>
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- MAIN CONTENT END -->

							</div>
							<!-- End: life time stats -->
						</div>
					</div>
				</div>
				<!-- END PAGE CONTENT -->

@stop
@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
<style>
	 .errorDiv {
        color: red;
        margin-top: 4px;
    }
	.generator{
		background: #36C6D3 none repeat scroll 0 0;
    color: #fff;
    padding: 0 5px;
    position: absolute;
    right: 22px;
    top: 7px;
    cursor: pointer;
	}
	.generator_readClass textarea {
		min-height: 75px;
		max-height: 75px;
	}
</style>
 

@stop
@section('admin_js')
<script type="text/javascript">
/*
     * Show Hide Currency fields
     */
    // $('body').on('click', '.add_currency', function () {
    //     $('.currency_field').css({'display': 'none'});
    //     $('.currency_dropdown').css({'display': 'block'});
    // });


     //select country

    $(document).on('change', '#country', function () {
        $('#busyloading').show();
        var country_id = this.value;
        var action = "{{ url('admin/get-states/')}}?country=" + country_id
        $.ajax({
            url: action,
            method: 'GET',
            success: function (response) {
                $('#state').html(response.datas);
                $("#state").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });
                $('#busyloading').hide();
            }
        });
    });

    //select state

    $(document).on('change', '#state', function () {
        $('#busyloading').show();
        var state_id = this.value;
        var action = "{{ url('admin/get-cities/')}}?state=" + state_id
        $.ajax({
            url: action,
            method: 'GET',
            success: function (response) {
                $('#city').html(response.datas);
                $(".select2").select2({
                    placeholder: "--Select--",
                    allowClear: true
                });
                $('#busyloading').hide();
            }
        });
    });

    $(document).on('click', '.save_aboutbusiness', function (e) {
        e.preventDefault();
		 var flag = '0';
		
        $('#business_settings *').filter(':input, textarea, select').each(function () {
            if ($(this).hasClass('validate')) {
                if ($(this).val() == '') {
                    $(this).addClass('error_custom');
                    $(this).parent().find('.select2-container .select2-selection').addClass('error_custom');
                    flag = '1';
                } else {
                    $(this).removeClass('error_custom');
                    $(this).parent().find('.select2-container .select2-selection').removeClass('error_custom');

                }
            }
        });

        if (flag == '1') {
           alertbox('There are errors on page');
            return false;
        } else {
        $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
        var formData = new FormData(document.getElementById("business_settings"));

        var url = "{{ route('admin.settings.about-business.store') }}";
        $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (res) {
					// var countryarray = null;
					// $.each(countryarray, function (i, v) {
					// 	$('.gbs_country').append('<option value="' + v['id'] + '">' + v['name'] + '</option>');
                    //     });
					
					// $('#businessname').val(res.data.title);
					// $('#address1').val(res.data.address1);
					// $('#address2').val(res.data.address2);
					if (res.status == 1000) {
                        alertbox('success', res.message);
                        return false;
                    } 
                	//window.location.replace("{{ url('admin/settings') }}");
                },
                 error: function (res) {
                    var errors = jQuery.parseJSON(res.responseText);
                    $.each(errors, function (key, val) {
                        $("#" + key + '_error').html(val).show();
                    });
                    alertbox('danger', "Error in page");
                }

            });
    }
    });
	$(document).on('click','.generator',function(){

		var url = "{{ route('admin.settings.gen.frame') }}";
		
		$.ajax({
                url: url,
                type: 'GET',
                success: function (res) {
					if (res.status == 1000) {
						var src= '<iframe src="'+res.data+' "style="height: 500px; width: 500px;"></iframe>';
						$('#generator').val(src);
                        return false;
                    } 
                },
                 error: function (res) {
                    var errors = jQuery.parseJSON(res.responseText);
                    $.each(errors, function (key, val) {
                        $("#" + key + '_error').html(val).show();
                    });
                    alertbox('danger', "Error in page");
                }

            });
	});
</script>
@stop