@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> -->
                      @if(Auth::guard('admin')->user()->profile_pic == NULL)
                        <span class="avatar cover-image avatar-xxl brround"
                          data-image-src="{{asset('admin/images/profile-avatar.jpg')}}">
                        </span>
                      @else
                        @if(Auth::guard('admin')->user()->role_type == 1)
                        <span class="avatar cover-image avatar-xxl brround"
                          data-image-src="{{asset('admin/images/avaters/'.Auth::guard('admin')->user()->profile_pic)}}">
                        </span>
                        @else
                        <span class="avatar cover-image avatar-xxl brround"
                          data-image-src="{{asset('storage/employee_file/').'/'.Auth::guard('admin')->user()->profile_pic}}">
                        </span>
                        @endif
                      @endif
                    <label for="profile_pic" class="edit-photo-overlay">
                      <i class="fa fa-camera"></i>
                      <span>Edit Photo</span>
                      <input type="file" name="profile_pic" class="d-none" id="profile_pic">
                    </label>
                  </div>
                  <div class="info-detail">
                    <span class="varified"><img src="{{asset('admin/images/verified.svg')}}" alt=""> Verified</span>
                    <h4>{{Auth::guard('admin')->user()->username}}</h4>
                    <p class="desg">{{Auth::guard('admin')->user()->job_profile}}</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="{{Auth::guard('admin')->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="{{Auth::guard('admin')->user()->email}}" disabled="">
                  </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>
<script type="text/javascript">
  $(document).ready(function() {
    @if(Session::has('success'))
      var success = "{{ Session::get('success') }}";
      Swal.fire(success);
    @endif

    @if(Session::has('errors'))
      var error = "{{ Session::get('errors') }}";
      alertify.error(error);
    @endif
  })
</script>
@endsection