@extends('layouts.admin')
@section('content')
<div class="container-fluid">
	<div class="card shadow mb-4">
        <div style="background-color:#343A40" class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <div class="col-lg-12 margin-tb">
                <div class="pull-left">
                    <h5 style="color:#fff">Edit</h5>
                </div>
            </div>
        </div>
		<div class="card-body">
			<div class="col-md-12">
				<form action="{{url('admin/changelogoinfo_update')}}" method="post" enctype="multipart/form-data">
					{{ csrf_field() }}
					<input type="hidden" name="id" value="{{$changelogoinfoedit->id}}">
					<div class="form-group @if ($errors->has('title')) has-error @endif">
							<label for="title">Title</label>
							<input type="text" name="title" class="form-control" placeholder="title" value="{{$changelogoinfoedit->title}}">
							@if ($errors->has('title'))<p class="help-block">{{$errors->first('title')}}</p>@endif
					</div>
					<div class="form-group">
                            <strong>Site Logo:</strong><br>
                            <input type="file" name="logo" onchange="readURLlogo(this);" class="form-control" style="padding-top:3px" id="logo">
                            <img id="sitelogo" src="{{ Config::get('consts.IMAGE_URL').$changelogoinfoedit->logo }}" alt="your logo" style="width: 50%;
                            height: 50%;" />
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <img src="{{url('storage/'.$changelogoinfoedit->logo)}}" width="100px" height="100px">
                        </div>
                    </div>
                    <div class="form-group">
                            <strong>Site Icon:</strong><br>
                            <input type="file" name="icon" onchange="readURLIcon(this);" class="form-control" style="padding-top:3px" id="icon">
                            <img id="siteicon" src="{{ Config::get('consts.IMAGE_URL').$changelogoinfoedit->icon }}" alt="your icon" style="width: 50%;
                            height: 50%;" />
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form-group">
                        <img src="{{url('storage/'.$changelogoinfoedit->icon)}}" width="100px" height="100px">
                    </div>
                    </div>
		  			<div class="col-xs-12 col-sm-12 col-md-12 text-center">
						  <button type="submit" class="btn btn-primary">Update</button>
						   <a href="{{url('admin/changelogoinfo')}}" class="btn btn-success">Back</a>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
        function readURLlogo(input) {
            if (input.files && input.files[0]) {

                var reader = new FileReader();

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

                reader.readAsDataURL(input.files[0]);
            }
        }
        function readURLIcon(input) {
            if (input.files && input.files[0]) {

                var reader = new FileReader();

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

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