@extends('oxygen::layouts.master-dashboard')

@section ('content')
<div class="page-title">
    <h1>Edit Hirer</h1>
</div>
<form method="post" class="form-horizontal" enctype="multipart/form-data">
    {{ csrf_field() }}
    <div class="form-group row">
        <div class="col-md-4">
        <label for="Image" class="form-label">Select avatar upload with preview</label>
                    
            <div class="input-group">
                <div class="custom-file">

                   <input class="form-control" type="file" name="file" id="formFile" onchange="preview()">
                    <label class="custom-file-label" for="formFile">avatar image browse</label>
                </div>
            </div>
        </div>
        <div class="col-md-6">

            <img id="frame" src="{{ $avatar_url }}" class="img-fluid" width="150px;" height="150px;" />
        </div>
    </div>
    <div class="form-group row">
        <label for="name" class="col-sm-4 control-label">Hirer ID</label>
        <div class="col-sm-8">
            <input class="form-control" name="id" type="text" id="id" value="{{ $userId }}" disabled>
        </div>

    </div>
    <div class="form-group row">
        <label for="name" class="col-sm-4 control-label">Full Name</label>
        <div class="col-sm-8">

            <input class="form-control" name="name" value="{{ $userName }}" type="text" id="name">
        </div>

    </div>
    <div class="form-group row">
        <label for="name" class="col-sm-4 control-label">Email</label>
        <div class="col-sm-8">
            <input class="form-control" name="email" value="{{ $email }}" type="email" id="email">
        </div>

    </div>

    <div class="form-group row">
        <div class="col-sm-8 offset-sm-4">
            <a href="{{env('APP_URL')}}/manage/hirer" class="btn btn-secondary pull-right">Cancel</a>
            <button type="submit" class="btn btn-success text-right">Save</button>

            <!-- <form action="{{ env('APP_URL')}}/hirer/delete/{{$user->id}}"  class="form form-inline js-confirm-delete">
            {{ csrf_field() }}   
            {{ method_field('GET') }}     
           <button type="submit" class="btn btn-danger js-tooltip" title=""
              data-original-title="Delete"> Delete </button>
           </form> -->
        </div>
    </div>

</form>
@stop

<script>
function preview() {
    frame.src = URL.createObjectURL(event.target.files[0]);
}

function clearImage() {
    document.getElementById('formFile').value = null;
    frame.src = "";

    $('#frame').attr('src', 'storage/default.jpg');
    $('.print-error-msg').attr('style', 'display:none;');


}
</script>