@extends('admin.layouts.app')

@section('content')
<div class="row">
    <div class="col-lg-9 mx-auto">
	    <div class="aiz-titlebar text-left mt-2 mb-3">
	    	<div class="row align-items-center">
	    		<div class="col">
	    			<h1 class="h3">{{ translate('Website Footer') }}</h1>
	    		</div>
	    	</div>
	    </div>

		<div class="card">
			<div class="card-header">
				<h6 class="mb-0">{{ translate('About Widget') }}</h6>
			</div>
			<div class="card-body">
				<form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
					@csrf
					<div class="form-group">
	                    <label class="form-label" for="signinSrEmail">{{ translate('Footer Logo') }}</label>
	                    <div class="input-group " data-toggle="aizuploader" data-type="image">
	                        <div class="input-group-prepend">
	                            <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse') }}</div>
	                        </div>
	                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
							<input type="hidden" name="types[]" value="footer_logo">
	                        <input type="hidden" name="footer_logo" class="selected-files" value="{{ get_setting('footer_logo') }}">
	                    </div>
						<div class="file-preview"></div>
	                </div>
	                <div class="form-group">
						<label>{{ translate('About description') }}</label>
						<input type="hidden" name="types[]" value="about_us_description">
						<textarea class="aiz-text-editor form-control" name="about_us_description" data-buttons='[["font", ["bold", "underline", "italic"]],["color", ["color"]],["para", ["ul", "ol"]],["view", ["undo","redo"]]]' placeholder="Type.." data-min-height="150">
	                        {!! get_setting('about_us_description') !!}
	                    </textarea>
					</div>
					<div class="text-right">
						<button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
					</div>
				</form>
			</div>
		</div>
        <div class="card">
			<div class="card-header">
				<h6 class="mb-0">{{ translate('Contacts Widget') }}</h6>
			</div>
			<div class="card-body">
                <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
					@csrf
                    <div class="form-group">
						<label>{{ translate('Address') }}</label>
						<input type="hidden" name="types[]" value="footer_address">
						<input type="text" class="form-control" placeholder="{{ translate('Address') }}" name="footer_address" value="{{ get_setting('footer_address') }}">
					</div>
                    <div class="form-group">
						<label>{{ translate('Website') }}</label>
						<input type="hidden" name="types[]" value="footer_website">
						<input type="text" class="form-control" placeholder="{{ translate('Website Address') }}" name="footer_website" value="{{ get_setting('footer_website') }}">
					</div>
                    <div class="form-group">
						<label>{{ translate('Email') }}</label>
						<input type="hidden" name="types[]" value="footer_email">
						<input type="text" class="form-control" placeholder="{{ translate('Email') }}" name="footer_email" value="{{ get_setting('footer_email') }}">
					</div>
                    <div class="form-group">
						<label>{{ translate('Phone') }}</label>
						<div class="footer-phones">
							<input type="hidden" name="types[]" value="footer_phones">
							@if (get_setting('footer_phones') != null)
								@foreach (json_decode(get_setting('footer_phones'), true) as $key => $value)
									<div class="row gutters-5">
										<div class="col">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="{{ translate('Phone Number') }}" name="footer_phones[]" value="{{ $value }}">
											</div>
										</div>
										<div class="col-auto">
											<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
												<i class="las la-times"></i>
											</button>
										</div>
									</div>
								@endforeach
							@endif
						</div>
						<button
							type="button"
							class="btn btn-soft-secondary btn-sm"
							data-toggle="add-more"
							data-content='<div class="row gutters-5">
								<div class="col">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="{{ translate('Phone Number') }}" name="footer_phones[]">
									</div>
								</div>
								<div class="col-auto">
									<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
										<i class="las la-times"></i>
									</button>
								</div>
							</div>'
							data-target=".footer-phones">
							{{ translate('Add New') }}
						</button>
					</div>
					<div class="text-right">
						<button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
					</div>
				</form>
			</div>
		</div>
    <div class="card">
			<div class="card-header">
				<h6 class="mb-0">{{ translate('Link Widget One') }}</h6>
			</div>
			<div class="card-body">
        <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
					<div class="form-group">
						<label>{{ translate('Title') }}</label>
						<input type="hidden" name="types[]" value="widget_one_title">
						<input type="text" class="form-control" placeholder="Widget title" name="widget_one_title" value="{{ get_setting('widget_one_title') }}">
					</div>
	                <div class="form-group">
						<label>{{ translate('Links') }}</label>
						<div class="w1-links-target">
							<input type="hidden" name="types[]" value="widget_one_labels">
							<input type="hidden" name="types[]" value="widget_one_links">
							@if (get_setting('widget_one_labels') != null)
								@foreach (json_decode(get_setting('widget_one_labels'), true) as $key => $value)
									<div class="row gutters-5">
										<div class="col-4">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="Label" name="widget_one_labels[]" value="{{ $value }}">
											</div>
										</div>
										<div class="col">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="http://" name="widget_one_links[]" value="{{ json_decode(get_setting('widget_one_links'), true)[$key] }}">
											</div>
										</div>
										<div class="col-auto">
											<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
												<i class="las la-times"></i>
											</button>
										</div>
									</div>
								@endforeach
							@endif
						</div>
						<button
							type="button"
							class="btn btn-soft-secondary btn-sm"
							data-toggle="add-more"
							data-content='<div class="row gutters-5">
								<div class="col-4">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="Label" name="widget_one_labels[]">
									</div>
								</div>
								<div class="col">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="http://" name="widget_one_links[]">
									</div>
								</div>
								<div class="col-auto">
									<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
										<i class="las la-times"></i>
									</button>
								</div>
							</div>'
							data-target=".w1-links-target">
							{{ translate('Add New') }}
						</button>
					</div>
					<div class="text-right">
						<button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
					</div>
				</form>
			</div>
		</div>

    <div class="card">
			<div class="card-header">
				<h6 class="mb-0">{{ translate('Link Widget Two') }}</h6>
			</div>
			<div class="card-body">
        <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
					<div class="form-group">
						<label>{{ translate('Title') }}</label>
						<input type="hidden" name="types[]" value="widget_two_title">
						<input type="text" class="form-control" placeholder="Widget title" name="widget_two_title" value="{{ get_setting('widget_two_title') }}">
					</div>
          <div class="form-group">
						<label>{{ translate('Links') }}</label>
						<div class="w2-links-target">
							<input type="hidden" name="types[]" value="widget_two_labels">
							<input type="hidden" name="types[]" value="widget_two_links">
							@if (get_setting('widget_two_labels') != null)
								@foreach (json_decode(get_setting('widget_two_labels'), true) as $key => $value)
									<div class="row gutters-5">
										<div class="col-4">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="Label" name="widget_two_labels[]" value="{{ $value }}">
											</div>
										</div>
										<div class="col">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="http://" name="widget_two_links[]" value="{{ json_decode(get_setting('widget_two_links'), true)[$key] }}">
											</div>
										</div>
										<div class="col-auto">
											<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
												<i class="las la-times"></i>
											</button>
										</div>
									</div>
								@endforeach
							@endif
						</div>
						<button
							type="button"
							class="btn btn-soft-secondary btn-sm"
							data-toggle="add-more"
							data-content='<div class="row gutters-5">
								<div class="col-4">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="Label" name="widget_two_labels[]">
									</div>
								</div>
								<div class="col">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="http://" name="widget_two_links[]">
									</div>
								</div>
								<div class="col-auto">
									<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
										<i class="las la-times"></i>
									</button>
								</div>
							</div>'
							data-target=".w2-links-target">
							{{ translate('Add New') }}
						</button>
					</div>
					<div class="text-right">
						<button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
					</div>
				</form>
			</div>
		</div>

    <div class="card">
			<div class="card-header">
				<h6 class="mb-0">{{ translate('Link Widget Three') }}</h6>
			</div>
			<div class="card-body">
        <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
					<div class="form-group">
						<label>{{ translate('Title') }}</label>
						<input type="hidden" name="types[]" value="widget_three_title">
						<input type="text" class="form-control" placeholder="Widget title" name="widget_three_title" value="{{ get_setting('widget_three_title') }}">
					</div>
          <div class="form-group">
						<label>{{ translate('Links') }}</label>
						<div class="w3-links-target">
							<input type="hidden" name="types[]" value="widget_three_labels">
							<input type="hidden" name="types[]" value="widget_three_links">
							@if (get_setting('widget_three_labels') != null)
								@foreach (json_decode(get_setting('widget_three_labels'), true) as $key => $value)
									<div class="row gutters-5">
										<div class="col-4">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="Label" name="widget_three_labels[]" value="{{ $value }}">
											</div>
										</div>
										<div class="col">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="http://" name="widget_three_links[]" value="{{ json_decode(get_setting('widget_three_links'), true)[$key] }}">
											</div>
										</div>
										<div class="col-auto">
											<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
												<i class="las la-times"></i>
											</button>
										</div>
									</div>
								@endforeach
							@endif
						</div>
						<button
							type="button"
							class="btn btn-soft-secondary btn-sm"
							data-toggle="add-more"
							data-content='<div class="row gutters-5">
								<div class="col-4">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="Label" name="widget_three_labels[]">
									</div>
								</div>
								<div class="col">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="http://" name="widget_three_links[]">
									</div>
								</div>
								<div class="col-auto">
									<button type="button" class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row">
										<i class="las la-times"></i>
									</button>
								</div>
							</div>'
							data-target=".w3-links-target">
							{{ translate('Add New') }}
						</button>
					</div>
					<div class="text-right">
						<button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
					</div>
				</form>
			</div>
		</div>

    <div class="card">
			<div class="card-header">
				<h6 class="mb-0">{{ translate('Mobile app Widget') }}</h6>
			</div>
			<div class="card-body">
        <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
            @csrf
					<div class="form-group">
						<label>{{ translate('Title') }}</label>
						<input type="hidden" name="types[]" value="widget_mobile_app_title">
						<input type="text" class="form-control" placeholder="Widget title" name="widget_mobile_app_title" value="{{ get_setting('widget_mobile_app_title') }}">
					</div>
	                <div class="form-group">
						<label>{{ translate('Play store img, link') }}</label>
						<div class="row gutters-5">
							<div class="col-lg-5">
								<div class="form-group">
				                    <div class="input-group" data-toggle="aizuploader" data-type="image">
				                        <div class="input-group-prepend">
				                            <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse') }}</div>
				                        </div>
				                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
										<input type="hidden" name="types[]" value="footer_play_store_img">
				                        <input type="hidden" name="footer_play_store_img" class="selected-files" value="{{ get_setting('footer_play_store_img') }}">
				                    </div>
									<div class="file-preview"></div>
								</div>
							</div>
							<div class="col">
								<div class="form-group">
									<input type="hidden" name="types[]" value="footer_play_store_link">
									<input type="text" class="form-control" placeholder="http://" name="footer_play_store_link" value="{{ get_setting('footer_play_store_link') }}">
								</div>
							</div>
						</div>
					</div>
	                <div class="form-group">
						<label>{{ translate('App store img, link') }}</label>
						<div class="row gutters-5">
							<div class="col-lg-5">
								<div class="form-group">
				                    <div class="input-group" data-toggle="aizuploader" data-type="image">
				                        <div class="input-group-prepend">
				                            <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse') }}</div>
				                        </div>
				                        <div class="form-control file-amount">{{ translate('Choose File') }}</div>
										<input type="hidden" name="types[]" value="footer_app_store_img">
				                        <input type="hidden" name="footer_app_store_img" class="selected-files" value="{{ get_setting('footer_app_store_img') }}">
				                    </div>
									<div class="file-preview"></div>
								</div>
							</div>
							<div class="col">
								<div class="form-group">
									<input type="hidden" name="types[]" value="footer_app_store_link">
									<input type="text" class="form-control" placeholder="http://" name="footer_app_store_link" value="{{ get_setting('footer_app_store_link') }}">
								</div>
							</div>
						</div>
					</div>
					<div class="text-right">
						<button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
					</div>
				</form>
			</div>
		</div>

	    <div class="card">
	    	<div class="card-header">
	    		<h6 class="fw-600 mb-0">{{ translate('Footer Copyright') }}</h6>
	    	</div>
	        <form action="{{ route('settings.update') }}" method="POST" enctype="multipart/form-data">
	            @csrf
	           <div class="card-body">
	                <div class="card shadow-none bg-light">
	                    <div class="card-header">
	          						<h6 class="mb-0">{{ translate('Copyright Widget ') }}</h6>
	          					</div>
	                    <div class="card-body">
	                        <div class="form-group">
                  				<label>{{ translate('Copyright Text') }}</label>
                  				<input type="hidden" name="types[]" value="footer_copyright_text">
                  				<textarea class="aiz-text-editor form-control" name="footer_copyright_text" data-buttons='[["font", ["bold", "underline", "italic"]],["color", ["color"]],["insert", ["link"]],["view", ["undo","redo"]]]' placeholder="Type.." data-min-height="150">{!! get_setting('footer_copyright_text') !!}</textarea>
                  			</div>
	                    </div>
	                </div>
	                <div class="card shadow-none bg-light">
	                  <div class="card-header">
	        						<h6 class="mb-0">{{ translate('Social Link Widget ') }}</h6>
	        					</div>
	                  <div class="card-body">
	                    <div class="form-group row">
	                      <label class="col-md-2 col-from-label">{{translate('Show Social Links?')}}</label>
	                      <div class="col-md-9">
	                        <label class="aiz-switch aiz-switch-success mb-0">
	                          <input type="hidden" name="types[]" value="show_social_links">
	                          <input type="checkbox" name="show_social_links" @if( get_setting('show_social_links') == 'on') checked @endif>
	                          <span></span>
	                        </label>
	                      </div>
	                    </div>
	                    <div class="form-group">
	                        <label>{{ translate('Social Links') }}</label>
	                        <div class="input-group form-group">
	                            <div class="input-group-prepend">
	                                <span class="input-group-text"><i class="lab la-facebook-f"></i></span>
	                            </div>
	                            <input type="hidden" name="types[]" value="facebook_link">
	                            <input type="text" class="form-control" placeholder="http://" name="facebook_link" value="{{ get_setting('facebook_link')}}">
	                        </div>
	                        <div class="input-group form-group">
	                            <div class="input-group-prepend">
	                                <span class="input-group-text"><i class="lab la-twitter"></i></span>
	                            </div>
	                            <input type="hidden" name="types[]" value="twitter_link">
	                            <input type="text" class="form-control" placeholder="http://" name="twitter_link" value="{{ get_setting('twitter_link')}}">
	                        </div>
	                        <div class="input-group form-group">
	                            <div class="input-group-prepend">
	                                <span class="input-group-text"><i class="lab la-instagram"></i></span>
	                            </div>
	                            <input type="hidden" name="types[]" value="instagram_link">
	                            <input type="text" class="form-control" placeholder="http://" name="instagram_link" value="{{ get_setting('instagram_link')}}">
	                        </div>
	                        <div class="input-group form-group">
	                            <div class="input-group-prepend">
	                                <span class="input-group-text"><i class="lab la-youtube"></i></span>
	                            </div>
	                            <input type="hidden" name="types[]" value="youtube_link">
	                            <input type="text" class="form-control" placeholder="http://" name="youtube_link" value="{{ get_setting('youtube_link')}}">
	                        </div>
	                        <div class="input-group form-group">
	                            <div class="input-group-prepend">
	                                <span class="input-group-text"><i class="lab la-linkedin-in"></i></span>
	                            </div>
	                            <input type="hidden" name="types[]" value="linkedin_link">
	                            <input type="text" class="form-control" placeholder="http://" name="linkedin_link" value="{{ get_setting('linkedin_link')}}">
	                        </div>
	                    </div>
	                  </div>
	                </div>

	                <div class="text-right">
	                    <button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
	                </div>
	            </div>
	        </form>
		</div>
	</div>
</div>
@endsection