@extends('layouts.master')
@section('content')
<div class="row justify-content-center">
    <div class="col-md-6 pt-2">
        <div class="card card-info card-outline">
          <div class="card-header">
            <ul class="nav nav-pills">
              <li class="nav-item"><a class="nav-link active" href="#profile" data-toggle="tab">Profile</a></li>
              <li class="nav-item"><a class="nav-link" href="#personal" data-toggle="tab">Personal</a></li>
            </ul>
          </div><!-- /.card-header -->
          <div class="card-body">
            <div class="tab-content">
              <div class="active tab-pane" id="profile">
                <div class="card-body box-profile">
        
                    @if (session('errors'))
                    <div class="alert alert-default-warning text-center text-small">
                        <button class="close" type="button" data-dismiss="alert">&times;</button>
                        @foreach ($errors->all() as $error)
                        <small>{{$error}}</small>
                        @endforeach
                    </div>
                    @endif
    
                    @if (session('success'))
                    <div class="alert alert-success">
                        <button class="close" type="button" data-dismiss="alert">&times;</button>
                        {{ session('success') }}
                    </div>
                    @endif
    
    
                    <div class="text-center">
                        <img class="profile-user-img img-fluid img-circle" src="{{asset('/images/profile.png')}}"
                            alt="picture">
                    </div>
    
                    <h3 class="profile-username text-center">{{auth()->user()->first_name}} {{ auth()->user()->last_name}}
                    </h3>
    
                    <p class="text-muted text-center">{{auth()->user()->user_role}}</p>
                    <hr>
    
                    <form action="{{route('admin_profile.update')}}" method="POST">
                        @csrf
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="">E-mail Address:</label>
                                    <input type="email" class="form-control" readonly value="{{auth()->user()->email}}">
                                </div>
                                <div class="col-md-6">
                                    <label for="">Current Password:</label>
                                    <input id="old_password" name="old_password" type="password" placeholder="Current Password"
                                    class="form-control @error('old_password') is-invalid @enderror" required>      
                                </div>
                            </div>
                            
                        </div>
    
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="">New Password:</label>
                                    <input id="password" name="password" type="password" placeholder="New Password"
                                        class="form-control @error('password') is-invalid @enderror" required>
                                </div>
                                <div class="col-md-6">
                                    <label for="">Confirm Password:</label>
                                    <input id="password_confirmation" name="password_confirmation" type="password"
                                    placeholder="Retype-Password"
                                    class="form-control @error('password_confirmation') is-invalid @enderror" required>
                        
                                </div>
                            </div>

                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                            
                        </div>
    
                        <div class="form-group">
                            <button class="btn bg-gradient-primary" type="submit">Save Details <i
                                    class="fas fa-fw fa-check-circle"></i></button>
                        </div>
    
                    </form>
    
                </div>
                
              </div>
    
              
    
              <div class="tab-pane" id="personal">
                <div class="text-center">
                    <img class="profile-user-img img-fluid img-circle" src="{{asset('/images/profile.png')}}"
                        alt="picture">
                </div>

                <h3 class="profile-username text-center">{{auth()->user()->first_name}} {{ auth()->user()->last_name}}
                </h3>

                <p class="text-muted text-center">{{auth()->user()->user_role}}</p>
                <hr>

                <form>
                    @csrf
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">E-mail Address:</label>
                                <input type="email" class="form-control" readonly value="{{auth()->user()->email}}">
                            </div>
                            <div class="col-md-6">
                                <label for="">First Name:</label>
                                <input type="email" class="form-control" readonly value="{{auth()->user()->first_name}}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            
                            <div class="col-md-6">
                                <label for="">Last Name:</label>
                                <input type="text" class="form-control" readonly value="{{auth()->user()->last_name}}"> 
                            </div>

                            <div class="col-md-6">
                                <label for="">Last Update:</label>
                                <input type="text" class="form-control" readonly value="{{auth()->user()->updated_at}}"> 
                            </div>
                        </div>
                    </div>
                    
                </form>
              </div>
              
            </div>
           
          </div>
        </div>
       
      </div>
     
    </div>
</div>
@endsection