@extends('admin.layout.master')

@section('title')
	Admisure Admin | Profile
@endsection

@section('content')

<div class="app-content my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Personal Information
              </li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <h1>Personal Information</h1>
          <div class="col-md-12">
            @if(Session::has('success'))

              <div class="alert alert-primary">
                <p>{{ Session::get('success') }}</p>
              </div>

            @endif

            @if(Session::has('errors'))

              <div class="alert alert-danger">
                <p>{{ Session::get('errors') }}</p>
              </div>

            @endif
          </div>

          <div class="card">
            <div class="card-body">
              <form action="{{ route('admin.profileupdate') }}" method="post" enctype="multipart/form-data" id="profile_update_frm">
              {{csrf_field()}}
                <div class="info-header">
                  <div class="info-avatar">
                    
                    <!-- <span class="avatar cover-image avatar-xxl brround"
                    data-image-src="{{asset('admin/images/profile-avatar.jpg')}}">
                    </span>
                    <a href="javascript:void(0)" class="edit-photo-overlay"><i class="fa fa-camera"></i>
                      <span>Edit Photo</span></a> -->
                      <label class="img-wrapper" for="banner_upload">
                        @if($user['profile_pic'] == NULL)
                          <img class="avatar cover-image avatar-xxl brround" src="{{asset('admin/images/profile-avatar.jpg')}}" alt=""/>
                        @else
                          <img class="avatar cover-image avatar-xxl brround" src="{{asset('admin/images/avaters/'.$user['profile_pic'])}}" alt=""/>
                        @endif
                        <input type="file" name="profile_pic" id="profile_pic">
                        <i class="fa fa-camera"></i>
                        <span>Edit Photo</span>
                      </label>
                  </div>
                  <div class="info-detail">
                    <span class="varified"><img src="{{asset('admin/images/verified.svg')}}" alt=""> Verified</span>
                    <h4>{{$user['username']}}</h4>
                    <p class="desg">Administrator</p>
                  </div>
                </div>
                <div class="row">
                  <div class="form-group col-lg-6">
                    <label for="" class="form-label">Name</label>
                    <input type="text" class="form-control" placeholder="Enter Your First Name" value="{{$user['username']}}" name="username" id="username">
                  </div>
                  <div class="form-group col-lg-6">
                    <label for="" class="form-label">Email</label>
                    <input type="text" class="form-control" placeholder="Enter Your Email" value="{{$user['email']}}" readonly>
                  </div>
                  
                  <div class="test-footer col-lg-12">
                    <!-- <button class=" btn btn-outline-primary btn-pill btn-streach font-book mt-5 fs-14">
                      Cancel
                    </button> -->
                    <button class="btn btn-primary btn-streach font-book mt-5 ml-3 fs-14 update_button">
                      Save
                    </button>
                    <!-- <input type="submit" name="Save" value="Save" class="btn btn-primary btn-streach font-book mt-5 ml-3 fs-14"> -->
                  </div>
                </div>
              </form>
            </div>
          </div>

          <!--// MAIN BODY CONTENT -->
        </div>
      </div>

@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/profile.js?v='.time())}}"></script>
@endsection