@extends('admin.layouts.app')

@section('title', 'Settings')

@section('content')
@php($business_id = Auth::guard('admin')->user()->business_id)
@php($currecy = DB::table('about_businesses')->join('currency_countries', 'about_businesses.base_currency', '=', 'currency_countries.currency_country_uuid')->where('business_id', $business_id)->select('currency_countries.country_code')->first())
<!-- 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">Exchange Rates</a></li>
                        </ul>
						<button class="btn btn-large pull-right help theme_btn help_btn">?</button>
					</div>
					<!-- END BREADCRUMBS -->
				</div>
				<!-- END TOPBAR -->
				<!-- PAGE CONTENT -->
				<div class="page-content">
				<form class="form-horizontal form-row-seperated" action="" method="post"
                  enctype="multipart/form-data" id="currency_rates">
                	@csrf
					<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>Currency Rates
                                        <span>Setup other countries currencies and exchange rates for your business in the SaleSoft CRM.</span>
                                    </h2>
									</div>
								</div>
								<!-- MAIN CAPTION END -->
								<hr>
								<!-- MAIN CONTENT START -->
								<div class="portlet-body">
                                    <div class="settings">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="col-md-4">
                                                    <span class="main_title">Exchange Rates</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row each_row">
                                            <div class="col-md-12">
                                                <div class="col-md-4">
                                                    <span class="sub_heading">Are you doing business in foreign currencies?</span>
                                                    <span class="sub_heading">Define foreign currencies and its conversion rates against your base currency here.</span>
                                                </div>
                                                <div class="col-md-1"></div>
                                                    <div class="col-md-6">
                                                        <div class="row">
                                                            <div class="portlet-body">
                                                                <div class="products box">
                                                                    <div class="header_tbl">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="col-md-6 row_header">Currency</div>
                                                                                <div class="col-md-5 row_header b4_del_header">Exchange Rate</div>
                                                                                <div class="del_header"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row_wrap">
                                                                    	 @foreach($countrycurrency['currency_rates'] as $currencyrate)
                                                                        <div class="row_inner_wrap">
                                                                            <div class="row">
                                                                                <div class="col-md-12">
                                                                                    <div class="col-md-6 inner_row">
                                                                                        <select class="select2 currency_country select2-hidden-accessible" name="currency_uuid[]" tabindex="-1" aria-hidden="true">
                                                                                            <option value="{{$currencyrate->currency_country_uuid}}">
                                                                                            	{{$currencyrate->country_name}}({{$currencyrate->country_code}})
                                                                                            </option>
                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="col-md-5 inner_row b4_del_header">
                                                                                        <input type="text" name="currency_rate[]" value="{{$currencyrate->exchange_rate}}" class="form-control just_number validate" readonly>
                                                                                        <i class="fa fa-check edit_category edit_field acc_cat" data-uuid="{{$currencyrate->currency_country_uuid}}"></i>
                                                                                    </div>
                                                                                    
                                                                                    {{-- <div class="del_icon">
                                                                                        <i class="fa fa-trash-o del" data-uuid="" data-type="stage" aria-hidden="true" style=""></i>
                                                                                    </div> --}}
                                                                                
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @endforeach
                                                                        <div class="row_inner_wrap">
                                                                            <div class="row">
                                                                                <div class="col-md-12">
                                                                                    <div class="col-md-6 inner_row">
                                                                                        <select class="select2 currency_country select2-hidden-accessible validate" name="currency_uuid[]" tabindex="-1" aria-hidden="true" id="countryselect">
                                                                                            <option value=""></option>
                                                                                             @foreach($countrycurrency['country'] as $country)
                                                                                             <option value="{{$country->currency_country_uuid}}">{{ $country->country_name }}
                                                                                            </option>
                                                                                            @endforeach
                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="col-md-5 inner_row">
                                                                                        <input id = "rate" type="text" name="currency_rate[]" value="" class="form-control just_number validate">
                                                                                        <input type="hidden" name="currency_name[]" value="Canadian Dollar" class="form-control just_number validate">
                                                                                        <input type="hidden" name="currency_rate_old[]" value="3.100000" class="form-control just_number validate">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="business_currency col-md-12 pl_pr_0 top10"><strong>Default business currency: </strong>United States Dollar (USD - $)</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-7"></div>
                                                            <div class="col-md-4">
                                                                <input type="hidden" name="submit" value="1">
                                                                <input type="submit" name="submit" value="Save" class="btn theme_btn_round float_btn">
                                                                <a href="{{ route('admin.settings.index') }}" class="btn theme_btn_round cancel float_btn">Cancel</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                    <!-- MAIN CONTENT END -->
                                    </div>
							<!-- End: life time stats -->
                                </div>
                            </div>
                        </form>
                        </div>
                        <!-- END PAGE CONTENT -->


@stop

@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
@stop

@section('admin_js')
<script type="text/javascript">
	 $('#currency_rates').submit(function (e) {
	 	  e.preventDefault();
        var flag = '0';
        $('#currency_rates *').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 (($('#rate').val() != '')) { 
                var exchangerate = /^\d{0,10}(\.\d{1,4})?$/;
                    if (exchangerate.test($('#rate').val())) {
                        $('#rate').removeClass('error_custom');
                    } else {
                        $('#rate').addClass('error_custom');
                        flag = '1';
                    }

            }


        });

        if (flag == '1') {
            alertbox('danger','There are errors on page');
            return false;
        } else {
            $('#busyloading').show();
           var formData = new FormData();
           var uuid = $("#countryselect option:selected").val();
           var countryname = $("#countryselect option:selected").text();
           var rate = $("#rate").val();
           var url = "{{ route('admin.settings.foreign-currencies.store') }}";
           formData.append('uuid', uuid);
           formData.append('countryname', countryname);
           formData.append('rate', rate);

            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                contentType: false,
                processData: false,
                success: function (res) {
                   
                    $('#busyloading').hide();
                     location.reload();
                }
            });
        }
	 });

      $('body').on('click', '.just_number', function () {
     var attr = $(this).attr('readonly');

    if (typeof attr !== typeof undefined && attr !== false) {
    $(this).removeAttr('readonly').focus();
    $(this).parent().find('.edit_category').css('visibility', 'visible');
     }
     });

    $('body').on('click', '.edit_category', function () {
        var parent_target = $(this).parent().parent().parent();
        var uuid = $(this).attr('data-uuid');
        var edit_rate = parent_target.find('.just_number').val();
        var flag = '0';
        if (edit_rate == '') {
            parent_target.find('.just_number').addClass('error_custom');
            alertbox('danger','There are errors on page');
            return false;
        } else {
            if ((edit_rate) && (edit_rate != '')) {
              
                var exchangerate = /^\d{0,10}(\.\d{1,4})?$/;
                if (exchangerate.test(edit_rate)) {
                    parent_target.find('.just_number').removeClass('error_custom');
                } else {
                    parent_target.find('.just_number').addClass('error_custom');
                    flag = '1';
                    msg = "For employee id combination of minimum 3 alphanumeric characters"
                }
            }

            if (flag == '1') {
            alertbox('danger',msg);
            return false;
            } else {
                var formData = new FormData();
                formData.append('value', edit_rate);
                formData.append('uuid', uuid);
                var url = "{{route('admin.settings.foreign.currencies.update')}}";
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function (response) {
                        
                        if (response['status'] == 1000) {
                            parent_target.find('.just_number').attr('readonly', 'readonly');
                            parent_target.find('.edit_category').css('visibility', 'hidden');
                            alertbox('success',response['success']);
                            parent_target.find('.just_number').removeClass('error_custom');
                        } else if(response['status'] == 3000) {
                            alertbox('danger',response['message']);
                        }
                        $('#busyloading').hide();
                        return false;
                    }
                });

            }

        }
   

    });
</script>

@stop