@extends('admin.layouts.app')

@section('head')
@endsection

@section('breadcrumb')
    @include('admin.includes.breadcrumb', [
        'title'     => __('admin.Settings'),
        'menu'      => [
            __('admin.Settings') => route('admin.settings'),
        ],
    ])
@endsection

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card card-custom gutter-b">
            <div class="card-header">
                <h3 class="card-title">{{ __('admin.Settings') }}</h3>
            </div>
			<form method="post" action="{{ route('admin.changeSetting') }}" enctype="multipart/form-data">
			    {{ csrf_field() }}
			    <div class="card-body">
			    	{{-- site name --}}
			    	<div class="form-group">
			            <label for="answer_quick_questions_seconds">{{ __('admin.answer_quick_questions_seconds')}}</label>
			            <input type="text" class="form-control" id="answer_quick_questions_seconds" name="answer_quick_questions_seconds" value="{{ old('answer_quick_questions_seconds') ?? (isset($settings['answer_quick_questions_seconds']) ? $settings['answer_quick_questions_seconds'] : '') }}">
			        </div>                   
                    <div class="form-group">
                        <label for="site_name_ar">{{ __('admin.site_name_ar')}}</label>
                        <input type="text" class="form-control" id="site_name_ar" name="site_name_ar" value="{{ old('site_name_ar') ?? (isset($settings['site_name_ar']) ? $settings['site_name_ar'] : '') }}">
                    </div>
			        <div class="form-group">
			            <label for="site_name_en">{{ __('admin.site_name_en')}}</label>
			            <input type="text" class="form-control" id="site_name_en" name="site_name_en" value="{{ old('site_name_en') ?? (isset($settings['site_name_en']) ? $settings['site_name_en'] : '') }}">
			        </div>
			        {{-- site description --}}
{{-- 			        <div class="form-group">
			            <label for="site_discrption_ar">{{ __('admin.site_discrption_ar')}} <small>{{ __('admin.site_discrption_ex') }}</small></label>
			            <textarea class="form-control textarea" id="site_discrption_ar" name="site_discrption_ar">{{ old('site_discrption_ar') ?? (isset($settings['site_discrption_ar']) ? $settings['site_discrption_ar'] : '') }}</textarea>
			        </div>
			        <div class="form-group">
			            <label for="site_discrption_en">{{ __('admin.site_discrption_en')}} <small>{{ __('admin.site_discrption_ex') }}</small></label>
			            <textarea class="form-control textarea" id="site_discrption_en" name="site_discrption_en">{{ old('site_discrption_en') ?? (isset($settings['site_discrption_en']) ? $settings['site_discrption_en'] : '') }}</textarea>
			        </div> --}}
                	{{-- site_key_words --}}
{{--                 	<div class="form-group">
						 <label for="kt_tagify_1">{{ __('admin.site_key_words_ar')}}</label>
						<input id="kt_tagify_1" class="form-control tagify" name='site_key_words_ar' value="{{ old('site_key_words_ar') ?? (isset($settings['site_key_words_ar']) ? $settings['site_key_words_ar'] : '') }}" />
					</div> --}}

					{{-- <div class="form-group">
						 <label for="kt_tagify_1">{{ __('admin.site_key_words_en')}}</label>
						<input id="kt_tagify_1" class="form-control tagify" name='site_key_words_en' value="{{ old('site_key_words_en') ?? (isset($settings['site_key_words_en']) ? $settings['site_key_words_en'] : '') }}" />
					</div> --}}

					{{-- fb_link --}}
					<div class="form-group">
			            <label for="fb_link">{{ __('admin.fb_link')}}</label>
			            <input type="text" class="form-control" id="fb_link" name="fb_link" value="{{ old('fb_link') ?? (isset($settings['fb_link']) ? $settings['fb_link'] : '') }}">
			        </div>

			        {{-- tw_link --}}
					<div class="form-group">
			            <label for="tw_link">{{ __('admin.tw_link')}}</label>
			            <input type="text" class="form-control" id="tw_link" name="tw_link" value="{{ old('tw_link') ?? (isset($settings['tw_link']) ? $settings['tw_link'] : '') }}">
			        </div>

			        {{-- insa_link --}}
					<div class="form-group">
			            <label for="insa_link">{{ __('admin.insa_link')}}</label>
			            <input type="text" class="form-control" id="insa_link" name="insa_link" value="{{ old('insa_link') ?? (isset($settings['insa_link']) ? $settings['insa_link'] : '') }}">
			        </div>

			        {{-- whats_number --}}
					{{-- <div class="form-group">
			            <label for="whats_number">{{ __('admin.whats_number')}}</label>
			            <input type="text" class="form-control" id="whats_number" name="whats_number" value="{{ old('whats_number') ?? (isset($settings['whats_number']) ? $settings['whats_number'] : '') }}">
			        </div> --}}

			         {{-- phone_coniction --}}
					<div class="form-group">
			            <label for="phone_coniction">{{ __('admin.phone_coniction')}}</label>
			            <input type="text" class="form-control" id="phone" name="phone" value="{{ old('phone') ?? (isset($settings['phone']) ? $settings['phone'] : '') }}">
			        </div>

					<div class="form-group">
			            <label for="office_address">{{ __('admin.office_address')}}</label>
			            <input type="text" class="form-control" id="office_address" name="office_address" value="{{ old('office_address') ?? (isset($settings['office_address']) ? $settings['office_address'] : '') }}">
			        </div>					

			        <div class="form-group">
			            <label for="emai_coniction">{{ __('admin.emai_coniction')}}</label>
			            <input type="text" class="form-control" id="email" name="email" value="{{ old('email') ?? (isset($settings['email']) ? $settings['email'] : '') }}">
			        </div>


			         {{-- emai_coniction --}}
					<div class="form-group">
			            <label for="emai_coniction">{{ __('عن الشركة')}}</label>
			            <textarea class="form-control summernote" id="ardescription" rows="4" name="about_us">{{ old('about_us') ?? (isset($settings['about_us']) ? $settings['about_us'] : '') }}</textarea>
			        </div>


			         {{-- office_address --}}


			        {{-- office_address_en --}}
{{-- 					<div class="form-group">
			            <label for="office_address_en">{{ __('admin.office_address_en')}}</label>
			            <input type="text" class="form-control" id="office_address_en" name="office_address_en" value="{{ old('office_address_en') ?? (isset($settings['office_address_en']) ? $settings['office_address_en'] : '') }}">
			        </div> --}}

			        {{-- contact_us_map_iframe --}}
					<div class="form-group">
			            <label for="contact_us_map_iframe">{{ __('خريطة صفحة تواصل معنا IFrame')}}</label>
			            <textarea class="form-control" rows="5" id="contact_us_map_iframe" name="contact_us_map_iframe">{{ old('contact_us_map_iframe') ?? (isset($settings['contact_us_map_iframe']) ? $settings['contact_us_map_iframe'] : '') }}</textarea>
			        </div>

			        <div class="form-group">
			            <label for="inputAddress" style="width:100%; display: block">شكل الخريطة</label>
			            {!! $settings['contact_us_map_iframe'] !!}
			        </div>
			    	

			    	{{-- logo --}}
		            <div class="input-group mb-3">
		                <div class="input-group-prepend">
		                    <span class="input-group-text">{{ __('Logo') }}</span>
		                </div>
		                <div class="custom-file">
		                    <input id="imgInp" type="file" name="logo" class="custom-file-input" accept="image/x-png,image/gif,image/jpeg" id="imgInp" />
		                    <label class="custom-file-label" for="inputGroupFile01">{{ __('auth.Choose file') }}</label>
		                </div>
		            </div>
		            @if(isset($settings) && $settings['logo'])
		                <div class="text-center">
		                    <img class="img-thumbnail" style="width: 400px;margin-bottom: 20px;" src="{{ url($settings['logo']) }}" alt="admin"width="120" id="blah">
		                </div>
		            @else
		                <div class="text-center">
		                    <img class="img-thumbnail" style="width: 400px;margin-bottom: 20px;display: none" src="" alt="admin" width="120" id="blah">
		                </div>
		            @endif

        	    	{{-- logo --}}
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text">{{ __('تعليمات اللعبة (PDF)') }}</span>
                        </div>
                        <div class="custom-file">
                            <input id="imgInp" type="file" name="instructions_pdf" class="custom-file-input" accept="application/pdf" />
                            <label class="custom-file-label" for="inputGroupFile01">{{ __('إختر ملف PDF') }}</label>
                        </div>
                    </div>
                    @if(isset($settings) && $settings['instructions_pdf'])
                    <div class="text-center">
                        <embed height="500px" width="80%" src="{{ url($settings['instructions_pdf']) }}" width="500" height="375" type="application/pdf">
                    </div>
                    @endif
                    
			    </div>
			    <div class="card-footer" style="text-align: center;">
			        <button type="submit" class="btn btn-primary mr-2">{{ __('admin.update') }}</button>
			    </div>
			</form>
		</div>
	</div>
</div>

@endsection

@section('scripts')
<script src="{{url('assets/admin/js/pages/crud/forms/editors/summernote.js')}}"></script>
<script src="{{url('assets/admin/js/pages/crud/forms/widgets/tagify.js')}}"></script>
<script>
  function readURLInp(input) {

    if (input.files && input.files[0]) {
      var reader = new FileReader();

      reader.onload = function(e) {
        $('#blah').css('display', 'block');
        $('#blah').attr('src', e.target.result);
      }

      reader.readAsDataURL(input.files[0]);
    }
  }
  $(document).ready(function(){
	  $("#imgInp").change(function() {
	    readURLInp(this);
	  });
  });
</script>

@endsection