@extends('layouts.homeapp')
@section('content')

<!-- ======= My Account Section ======= -->
<section id="profile" class="shadow  profile mt-5 pb-5">
    <div class="container">

        <div class="card mb-5">
            <div class="card-header">
                <form action="../upload" method="post" enctype="multipart/form-data">
                @csrf
                    <div class="mb-2">Upload Profile Photo</div>
                    <span style="width:100px; height:100px; border:1px solid #e3e3e3;"><img src=""  width="100px" id="imgImage"/></span>
                    <input type="file" name="avatar" onchange="
                        var input=this;
                            if (input.files && input.files[0]) {
                            var reader = new FileReader();
                            var size=(Math.round(input.files[0].size/1024));
                            if(size>1024)
                                {
                                alert('Please Upload file lesthan 1MB\nControl load time');
                                input.value='';
                                }
                            else{
                                reader.onload = function (e) {
                                $('#imgImage').attr('src', e.target.result); 
                                }
                                reader.readAsDataURL(input.files[0]);
                                }
                        }">
                    <input type="submit" value="upload"/>
                </form>
            </div>
        </div>
    </div>
</section>