@extends('app')
@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Profile
            <small>Preview</small>
        </h1>

        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Profile</a></li>
            <li class="active">Setup</li>
        </ol>

    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                <form action="{{route('update.profile')}}" class="form-horizontal" id="myForm"  enctype="multipart/form-data"
                      method="post" accept-charset="utf-8">
                    <!-- SmartWizard html -->

                    {{csrf_field()}}

                    <div class="box-body">

                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">Name</label>

                            <div class="col-sm-10">
                                <input type="text"
                                       class="form-control {{ $errors->has('full_name') ? ' is-invalid' : '' }}"
                                       name="full_name" value="{{ $user->full_name }}" id="inputEmail3"
                                       placeholder="Name">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-2 control-label">Phone</label>

                            <div class="col-sm-10">
                                <input type="text"
                                       class="form-control {{ $errors->has('mobile_no') ? ' is-invalid' : '' }}"
                                       name="mobile_no" value="{{ $user->mobile_no }}" id="inputEmail3"
                                       placeholder="Mobile no">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">Previous Password</label>

                            <div class="col-sm-10">
                                <input type="password"
                                       class="form-control {{ $errors->has('old_password') ? ' is-invalid' : '' }}"
                                       name="old_password" value="{{ old('old_password') }}" id="inputPassword3"
                                       placeholder="Previous Password">
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">New Password</label>

                            <div class="col-sm-10">
                                <input type="password"
                                       class="form-control {{ $errors->has('password') ? ' is-invalid' : '' }}"
                                       name="password" value="{{ old('password') }}" id="inputPassword3"
                                       placeholder="New Password">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">Confirm Password</label>

                            <div class="col-sm-10">
                                <input type="password"
                                       class="form-control {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
                                       name="password_confirmation" value="{{ old('password_confirmation') }}"
                                       id="inputPassword3" placeholder="Password">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4"></label>
                           @if(!empty($user->profile_image))
                            <img src="{{URL::to('images/employee/')}}/{{$user->profile_image}}"
                                 class="img-responsive">
                           @endif
                        </div>
                        <div class="form-group">
                            <label class="col-md-4"> Profile Image</label>
                            <div class="col-md-7">
                                <input type="file" class="form-control" name="profile_image">
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <button type="submit" class="btn btn-info pull-right">Update</button>
                    </div>
                    <!-- /.box-footer -->
                </form>
            </div>
        </div>
    </section>
@endsection

@section('extra-js')
    <script>
        $(document).ready(function () {
            $('#doctorDatatable')
                .addClass('nowrap')
                .dataTable({
                    columnDefs: [
                        {targets: [-1, -3], className: 'dt-body-right'}
                    ]
                });

        });
    </script>
@endsection