@extends('layouts.app')

@section('content')

    <div id="main" role="main">
        <div id="ribbon">
				<span class="ribbon-button-alignment">
					<span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh"  rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings." data-html="true">
						<i class="fa fa-refresh"></i>
					</span>
				</span>
                <ol class="breadcrumb">
                    <li>Home</li><li>Forms</li><li>Smart Form Elements</li>
                </ol>
        </div>

        <div id="content">
            <div class="row">
                <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
                    <h1 class="page-title txt-color-blueDark">
                        <i class="fa fa-edit fa-fw "></i>
                        Users
                        <span>> Edit User</span>
                    </h1>
                </div>
            </div>

            @if(Session::has('message'))
                <p class="alert alert-danger"> {{ Session::get('message') }}</p>
            @endif


            <!-- widget grid -->
            <section id="widget-grid" class="">

                    <article class="">
                        <div class="jarviswidget" id="wid-id-1" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-custombutton="false">
                            <header>
                                <span class="widget-icon"> <i class="fa fa-edit"></i> </span>
                                <h2>Add Users </h2>
                            </header>
                            <div>
                                <div class="widget-body no-padding">
                                    {!! Form::open(['url'=>'profile-update','files'=>true,'class'=>'smart-form']) !!}
                                    <div class="row">
                                        <fieldset class="col-md-6">
                                            <section>
                                                <label class="label">Name</label>
                                                <label class="input">
                                                    <input type="text" required value="{{$user->name}}" name="name">
                                                </label>
                                            </section>

                                            <section>
                                                <label class="label">Email</label>
                                                <label class="input">
                                                    <input type="text" required value="{{$user->email}}" name="email">
                                                </label>
                                            </section>

                                            <section>
                                                <label class="label">Password</label>
                                                <label class="input">
                                                    <input type="password"  value="" name="password">
                                                </label>
                                            </section>

                                            <section>
                                                <label class="label">Phone</label>
                                                <label class="input">
                                                    <input type="number" value="{{$user->phone}}" name="phone">
                                                </label>
                                            </section>
                                        </fieldset>
                                        <fieldset class="col-md-5">
                                            <section>
                                                <div class="box-header with-border">
                                                    <h3 class="box-title image-title text-center">Profile Image</h3>
                                                </div>
                                                <div class="box-body text-center">
                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
                                                        <div class="fileinput-new thumbnail" style="max-width: 200px; max-height: 200px;">
                                                            <img src="@if($user->profile_image != ''){{ asset($user->profile_image) }} @else{{ 'http://placehold.it/200x200' }} @endif" width="100%" alt="...">
                                                        </div>
                                                        <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 200px;"></div>
                                                        <div>
                                                        <span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span>
                                                            <input name="profile_image" type="file" >
                                                        </span>
                                                            <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </div>
                                        <footer>
                                            <button type="submit" class="btn btn-primary">Update</button>
                                            <button type="button" class="btn btn-default" onclick="window.history.back();">Back</button>
                                        </footer>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                    </article>

            </section>



        </div>


    </div>
@endsection

@section('js')


    <script src="{{ asset('js/jasny-bootstrap.min.js') }}"></script>

@endsection