@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">
        Create General
    </div>
		<div class="card-body">
			<div class=" col-md-12">
				<form action="{{url('admin/changelogoinfo_store')}}" method="post" enctype="multipart/form-data">
						{{ csrf_field() }}
					<div class=" form-group  @if ($errors->has('name')) has-error @endif">
					<label for="title">Site Title</label>
					<input type="text" name="title" id="title"  class="form-control"  value="{{old('title')}}">
					@if ($errors->has('title')) <p class="help-block"  style="color: red">{{ $errors->first('title') }}</p>@endif
					</div>
					<div class="form-group  @if($errors->has('logo')) has-error @endif">
						<label for="logo">Logo</label>
                        <input type="file" name="logo" onchange="readLogo(this);"  class="form-control" id="logo" style="padding-top:3px">
                        <img id="site_logo" src="#" alt="your logo" style="width:50%;" hidden/>
						@if($errors->has('logo'))<p class="help-block"  style="color: red">{{$errors->first('logo')}}</p>@endif
                    </div>
                    <div class="form-group  @if($errors->has('icon')) has-error @endif">
						<label for="icon">Favico icon</label>
                        <input type="file" name="icon" onchange="readIcon(this);"  class="form-control" id="icon" style="padding-top:3px">
                        <img id="fav_icon" src="#" alt="your icon" style="width:50%;" hidden/>
						@if($errors->has('icon'))<p class="help-block"  style="color: red">{{$errors->first('icon')}}</p>@endif
					</div>
					<div class="col-xs-12 col-sm-12 col-md-12 text-center">
						  <button type="submit" class="btn btn-primary">Save</button>
						   <a href="{{url('admin/')}}" class="btn btn-success">Back</a>
					</div>
				</form>
			</div>
		</div>
   	</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
     function readLogo(input) {

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

            reader.onload = function (e) {
                $('#site_logo').removeAttr("hidden");
                $('#site_logo')
                    .attr('src', e.target.result)
                    .width(200)
                    .height(auto);
            };

            reader.readAsDataURL(input.files[0]);
        }
    }
     function readIcon(input) {

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

            reader.onload = function (e) {
                $('#fav_icon').removeAttr("hidden");
                $('#fav_icon')
                    .attr('src', e.target.result)
                    .width(200)
                    .height(auto);
            };

            reader.readAsDataURL(input.files[0]);
        }
    }
    </script>
@endsection