@extends('layouts.app')

@section('title')
    Edit Users {{$users->name}}
@endsection

@section('description')
    Edit Users
@endsection

@section('breadcrumb')
    <li><a href="/users">Users</a></li>
    <li><a href="#">Edit Users</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">

    <div class="col-lg-6 col-xs-12">
        <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Edit Users {{$users->name}} </h3>
            </div>
            <!-- /.box-header -->

            
              @if($errors->any())
                  <div class="alert alert-danger">
                      @foreach($errors->all() as $error)
                          <p>{{ $error }}</p>
                      @endforeach
                  </div>
              @endif
            <!-- form start -->
            <form role="form" action="/users/{{$users->id}}/update" method="POST" enctype="multipart/form-data">
            {{ csrf_field() }}
              <div class="box-body">
                <div class="form-group">
                  <label for="name"> User Name</label>
                  <input type="text" class="form-control" id="name" name="name" placeholder="{{$users->name}}">
                </div> 
                <div class="form-group">
                  <label for="name"> User Email </label>
                  <input type="text" class="form-control" id="email" name="email" placeholder="{{$users->email}}">
                </div> 
                <div class="form-group">
                  <label for="name"> Phone Number </label>
                  <input type="text" class="form-control" id="phone_number" name="phone_number" placeholder="{{$users->phone_number}}">
                </div>
                <div class="form-group">
                  <label for="name"> Password </label>
                  <input type="text" class="form-control" id="password" name="password" placeholder="New Password">
                </div>
                <!-- select -->
                

                <div class="form-group">
                  <label>Avatar</label>
                  <img class="form-control" style="height: 200px; width: 200px;" src=" {{asset( "/storage/". $users->avatar)}} ">
                  <input type="file" class="form-control" id="avatar" name="avatar" placeholder="Upload New Avatar" >
                </div>                
              </div>
              <!-- /.box-body --> 

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
    </div>

</div>
<!-- /.row -->
@endsection