@extends('layouts.main')
@section('content')


<section class="content-header">
    <h1>Profile</h1>
    <ol class="breadcrumb">
        <li><a href="/home"><i class="fa fa-dashboard"></i>Home</a></li>
        <li><a href="#">Profile</a></li>
        <li><a href="/iteams">{{ Auth::user()->name }}</a></li>
    </ol>
</section>

<hr style="border: 3px groove #3c8dbc;">

<section class="content">
  <div class="col-md-6">
    <div class="box box-primary">
      <div class="box-body box-profile">
        <div class="row">
          <div class="col-md-12">
            <img class="profile-user-img img-responsive img-circle" src="../../dist/img/user4-128x128.jpg" alt="User profile picture">
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <h3 class="profile-username text-center">{{ Auth::user()->name }}</h3>
          </div>
        </div>
      
        <div class="row">
          <div class="col-md-12 text-center">
            <div class="form-group text-center">
              <label class="control-label text-center" for="Street" >Email Address</label>
              <input type="text" class="form-control address_name" value="{{ Auth::user()->email }}" autocomplete="off"  />
            </div>
          </div>  
        </div>
        <div class="row">
          <div class="col-md-12 text-center">
            <div class="form-group text-center">
              <label class="control-label text-center" for="Street" >Password</label>
              <input type="text" class="form-control address_name" value="{{ Auth::user()->password }}" autocomplete="off" />
            </div>
          </div>  
        </div>
        <div class="row">
          <div class="col-md-12 text-center">
            <div class="form-group text-center">
              <label class="control-label text-center" for="Street" >Role</label>
              <input type="text" class="form-control address_name" value="Address 1" autocomplete="off" />
            </div>
          </div>  
        </div>
      </div>
    </div>
  </div>
</section>

@endsection