@extends('layouts.master')
@section('title', $title)
@section('content')
<link rel="stylesheet" href="{{ asset('css/SettingProfile.css') }} " /> 
<style>   
.maine_one_right_innerContainer{padding:0px;}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none; 
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

.topright:hover {color: red;} 
.maine_vancy12{    width: 222px; height: 58px;}
button.tablinks.maine_vancy12.active {  background: #dc3545 !important;}
.alert-success{margin-top:30px;}
</style>
    <div class="setting_admin">
     <div class="heading">
       <img src="{{ asset('images/process.png') }}" alt="" />
       <h1 style="display: block;color: #000;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;">Settings: Administation</h1>
     </div>
	 @if(session()->has('message'))
	<div class="alert alert-success">
		{{ session()->get('message') }}
	</div>
	@endif
	@if ($errors->any())
		<div class="alert alert-danger">
			
			<ul>
				@foreach ($errors->all() as $error)
				<li>{{ $error }}</li>
				@endforeach
			</ul>
		</div>
		@endif
	@if ($message = Session::get('success'))
		<div class="alert alert-success">
			<p>{{ $message }}</p>
		</div>
	@endif
     <div class="block_two">
       <div class="maine_one_left">
         <h1 style=" display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;color: #050d9e;
    margin-left: 10px;">Profile Details</h1>  
         <div class="maine_one_left_innerContainer">
           <div class="innerContainer_checkboxs">
             <div class="vancy1"> 
			   <div class="">
				  <button class="tablinks maine_vancy12" onclick="openCity(event, 'London')">Personal Informational</button>
				  <button class="tablinks maine_vancy12" onclick="openCity(event, 'Paris')" style="background:#050d9e">Change Password</button> 
				</div>
			
             </div>
           </div>
		   @if(isset($PasswordError))
			hfdhgfhdgfhdghfghdfgh
			@endif
           <div class="core_profile"> 
             <div id="London" class="curerent_profile tabcontent" style="width:100%;padding-top: 23px; display: inline-flex;">
				  <div class="" style="width:20%"> 
					<img class="profile-user-img img-fluid img-circle" src="{{ asset('profileimage') }}/" alt="User profile picture">
				 </div>
				 <div class="" style="width:80%;">
				   <div  class="tabcontent1" id="">
					  <form class="form-horizontal">
						<div class="form-group row">
							<label for="inputName" class="col-sm-2 ">Name</label>
							{{ Auth::user()->name }}
						</div>
						<div class="form-group row">
							<label for="inputEmail" class="col-sm-2 ">Email</label>
							{{ Auth::user()->email }}
						</div> 
					</form>
					</div>
				 </div>
			 </div>
			 
			
			<div id="Paris" class="tabcontent" style="width: 100%;   padding-top: 35px;">
			 <div class="" style="width:20%">
				<img class="profile-user-img img-fluid img-circle" src="{{ asset('profileimage') }}/" alt="User profile picture">
			 </div>
			 
			<div class="" style="width:80%;">
				<form class="form-horizontal" action="{{ route('adminChangePassword') }}" method="POST" id="ChangePasswordAdminForm">
					@csrf
					<div class="form-group row">
						<label name="oldpassword" for="inputName" class="col-sm-2 col-form-label">Old Password</label>
						<div class="col-sm-10">
							<input name="oldpassword" type="password" class="form-control" id="oldpassword" placeholder="Enter Current Password">
							<span class="text-danger error-text oldpassword"></span>
						</div>
					</div>
					<div class="form-group row">
						<label for="inputName2" class="col-sm-2 col-form-label">New Password</label>
						<div class="col-sm-10">
							<input name="newpassword" type="password" class="form-control" id="newpassword" placeholder="Enter New Password">
							<span class="text-danger error-text newpassword"></span>
						</div>
					</div>
					<div class="form-group row">
						<label for="inputName2" class="col-sm-12 col-form-label">Confirm New Password</label>
						<div class="col-sm-10">
							<input name="cnewpassword" type="password" class="form-control" id="cnewpassword" placeholder="Renter New Password">
							<span class="text-danger error-text cnewpassword"></span>
						</div>
					</div>
					<div class="form-group row" style="padding:0px;">
						<div class="col-sm-10">
							<button type="submit" id="for-sub" class="btn btn-danger" style="width:100%;margin:0px;">Update Password</button>
						</div>
					</div>
				</form>
			</div> 
		</div> 
           </div> 
           <div class="innerContainer_checkboxs"></div>
         </div>
       </div>
       <div class="maine_one_right">
         <h1 style=" display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;color: #050d9e;
    margin-left: 10px;">Login Profile Image</h1>
         <div class="maine_one_right_innerContainer">
           <div class="">
             <div class="">
               <img src="{{ asset('images/Login.png') }}" style="width: 100%;padding: 34px;">
             </div>
           </div>
           <div class="tag_assign" style="padding-left: 30px;">
             <p style="width: 100%; font-size: 24px;">Select Profile Image to upload</p>
		</div> 
		<div class="" style="padding-left: 41px;    padding-bottom: 74px;"> 
			 <form name="" method="post" action="{{route('adminPictureUpdate')}}" enctype="multipart/form-data">
			@csrf
				<input type="file" name="admin_image" id="admin_image1" required style="    margin-bottom: 12px;">
				  
				<input type="submit" name="submit" class="btn btn-primary btn-block button" id="change_picture_btn1" value="Change picture" style="width: 150px;">
			</form>
		</div>
            		
         </div>
       </div>
     </div>
   </div>
 
<!--section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
				@if(session()->has('message'))
				<div class="alert alert-success">
					{{ session()->get('message') }}
				</div>
				@endif
				@if ($errors->any())
					<div class="alert alert-danger">
						
						<ul>
							@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
							@endforeach
						</ul>
					</div>
					@endif
				@if ($message = Session::get('success'))
					<div class="alert alert-success">
						<p>{{ $message }}</p>
					</div>
				@endif
                <div class="card card-primary card-outline">
                    <div class="card-body box-profile">
                        <div class="text-center">
                            <img class="profile-user-img img-fluid img-circle" src="{{ asset('profileimage') }}/" alt="User profile picture">
                            <!-- <img class="profile-user-img img-fluid img-circle admin_picture" src="{{ Auth::user()->picture }}" alt="User profile picture">
                        </div>

                        <h3 class="profile-username text-center">{{ Auth::user()->name }}</h3>
							
                        <!-- <p class="text-muted text-center">Software Engineer</p> 
						<form name="" method="post" action="{{route('adminPictureUpdate')}}" enctype="multipart/form-data">
						@csrf
							<input type="file" name="admin_image" id="admin_image1" required>
							  
							<input type="submit" name="submit" class="btn btn-primary btn-block" id="change_picture_btn1" value="Change picture">
						</form>
                    </div> 
                </div> 

            </div> 
            <div class="col-md-9">
                <div class="card">
                    <div class="card-header p-2">
                        <ul class="nav nav-pills">
                            <li class="nav-item"><a class="nav-link active" href="#personal_info" data-toggle="tab">Personal Informational</a></li>
                            <li class="nav-item"><a class="nav-link" href="#change_password" data-toggle="tab">Change Password</a></li>
                        </ul>
                    </div> 
					@if(isset($PasswordError))
						hfdhgfhdgfhdghfghdfgh
						@endif
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="active tab-pane" id="personal_info">
                                <form class="form-horizontal">
                                    <div class="form-group row">
                                        <label for="inputName" class="col-sm-2 ">Name</label>
                                        {{ Auth::user()->name }}
                                    </div>
                                    <div class="form-group row">
                                        <label for="inputEmail" class="col-sm-2 ">Email</label>
                                        {{ Auth::user()->email }}
                                    </div>
                                    <!-- <div class="form-group row">
                                        <div class="offset-sm-2 col-sm-10">
                                            <button type="submit" class="btn btn-danger">Save Changes</button>
                                        </div>
                                    </div>  
                                </form>
                            </div> 
                            <div class="tab-pane" id="change_password">
                                <form class="form-horizontal" action="{{ route('adminChangePassword') }}" method="POST" id="ChangePasswordAdminForm">
                                    @csrf
                                    <div class="form-group row">
                                        <label name="oldpassword" for="inputName" class="col-sm-2 col-form-label">Old Password</label>
                                        <div class="col-sm-10">
                                            <input name="oldpassword" type="password" class="form-control" id="oldpassword" placeholder="Enter Current Password">
                                            <span class="text-danger error-text oldpassword"></span>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="inputName2" class="col-sm-2 col-form-label">New Password</label>
                                        <div class="col-sm-10">
                                            <input name="newpassword" type="password" class="form-control" id="newpassword" placeholder="Enter New Password">
                                            <span class="text-danger error-text newpassword"></span>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="inputName2" class="col-sm-2 col-form-label">Confirm New Password</label>
                                        <div class="col-sm-10">
                                            <input name="cnewpassword" type="password" class="form-control" id="cnewpassword" placeholder="Renter New Password">
                                            <span class="text-danger error-text cnewpassword"></span>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="offset-sm-2 col-sm-10">
                                            <button type="submit" class="btn btn-danger">Update Password</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div> 
                    </div> 
                </div> 
            </div> 
        </div> 
    </div> 
</section--> 




<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent"); 
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "inline-flex";
  evt.currentTarget.className += " active";
}
 
</script>
@push('scripts')
<script>
	$(document).on("click","#for-sub",function() { 
		$('#loader').show();
		$(this).attr("disabled", 'disabled'); 
		$("#ChangePasswordAdminForm").submit();
    });
</script>
@endpush

@endsection