@extends('adminlte::layouts.app')

@section('htmlheader_title')    
{{ trans('Update Admin') }}
@endsection

@section('contentheader_title')
Update Admin
@endsection

@section('main-content')
<!-- searchable dropdown -->

<div class="row">

    <div class="col-md-12 ">
        @foreach ($errors->all() as $error)
        <p class="alert alert-warning">{{ $error }}</p>
        @endforeach
        <!-- if there are creation errors, they will show here -->
        <span class="errormessage"></span>
    </div>    
    <div class="col-md-12 ">
        {!! Form::open(array('url' => ('admin/store'),'method'=>'post', 'files'=>true)) !!}
        <div class="box box-primary">
            <!-- /.box-header -->
            <!-- form start -->            
            <input type="hidden" name="id" value="{{ $admin->id }} " >
            <div class="box-body">
                <div class="form-group">

                    {!! Form::label('Name', 'Name') !!}
                    <input type="text" name="name"  class="form-control" id="fname" value="{{ $admin->name }}">
                    <p class="red" id="fnameError"></p>

                    {!! Form::label('email', 'Email') !!}
                    <input type="text" name="email"  class="form-control" id="email" value="{{ $admin->email }}">
                    <p class="red" id="emailError"></p>
                    
                    {!! Form::label('password', 'Password') !!}
                    <input type="password" name="password"  class="form-control" id="password" value="{{ $admin->password }}">
                    <p class="red" id="passwordError"></p>

                    <div class="form-group">
                    <label for="image">{!! Form::label('image', 'Profile picture') !!}<small> (Width 150px, Height: 150px):</small></label>
                        <input type="file" name="image" id="image" class=" form-control" accept="image/*" onchange="readURL(this);"><br>
                        <div class="img_show">
                            <img style="height: 100px;" class="profile-user-img img-responsive pull-left" id="display_image" src="{{ url('public/uploads/admin/')}}/{{$admin->image}}" alt="{{ trans('') }} "/>
                        </div>                        
                    </div>
                    
                    <!-- {!! Form::label('confirm password', 'Confirm Password') !!}
                    <input type="password" name="conf_password"  class="form-control" id="conf_password">
                    <p class="red" id="confPasswordError"></p> -->
                </div>
            <div class="box-footer">
                {!! Form::submit('Save', array('class' => 'btn btn-primary submit')) !!}
                <a class="btn btn-default btn-close" href="{{ URL::to('admin/home') }}">Cancel</a>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
</div>
@push('scripts')
<script type="text/javascript">
    function readURL(input) {
        $(".img_show").show();
        if (input.files && input.files[0]) {
        var reader = new FileReader();
            reader.onload = function (e) {
            $('#display_image').attr('src', e.target.result)

            };
        reader.readAsDataURL(input.files[0]);
        }
    }
</script>
@endpush
@include('adminlte::layouts.user.validation')
@endsection