芝麻web文件管理V1.00

编辑当前文件:/home/rejoandoctor/www/resources/views/Home/edit_profile.blade.php

@extends('layouts.app')

@section('title', 'Joruri Doctor | Profile')

@section('content') 
<div class="main-content">
  <div class="main-content-inner">
      <div class="breadcrumbs ace-save-state" id="breadcrumbs">
         @include('layouts.header_menu')
      </div>
      <div class="page-content">
          <div class="row">
            <div class="col-xs-12">
                <form action="{{route('update_profile', $profile->id)}}" method="post" enctype="multipart/form-data" id="user-profile-1" class="user-profile row">
            	@csrf
            	@method('put')
            	<div class="col-xs-12 col-sm-3 center">
            		<div>
            			<span class="profile-picture">
            				<img id="avatar" class="editable img-responsive" alt="{{$profile->customer_name}}" src="{{asset($profile->image)}}" />
            			</span>
            			<input type="file" id="id-input-file-2" name="image" />
            
            			<div class="space-4"></div>
            
            			<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
            				<div class="inline position-relative">
            					<a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
            						<i class="ace-icon fa fa-circle light-green"></i>
            						 
            						<span class="white">{{$profile->customer_name}}</span>
            					</a>
            
            					<ul class="align-left dropdown-menu dropdown-caret dropdown-lighter">
            						<li class="dropdown-header"> Change Status </li>
            
            						<li>
            							<a href="#">
            								<i class="ace-icon fa fa-circle green"></i>
             
            								<span class="green">Available</span>
            							</a>
            						</li>
            
            						<li>
            							<a href="#">
            								<i class="ace-icon fa fa-circle red"></i>
             
            								<span class="red">Busy</span>
            							</a>
            						</li>
            
            						<li>
            							<a href="#">
            								<i class="ace-icon fa fa-circle grey"></i>
             
            								<span class="grey">Invisible</span>
            							</a>
            						</li>
            					</ul>
            				</div>
            			</div>
            		</div>
            
            		<div class="space-6"></div>
            
            		<div class="profile-contact-info">
            			<div class="profile-contact-links align-left">
            				<p class="text-center text-bold"><strong>Package expires</strong></p>
            				<p id="end_date" class="text-center" style="font-size: 15px; font-weight: bold; color: red;"></p>
            			</div>
            
            			<div class="space-6"></div>
            
            			<div class="profile-social-links align-center">
            				<a href="https://www.facebook.com/joruridoctors" class="tooltip-info" title="Visit our Facebook Page" data-original-title="Visit our Facebook Page" target="_blank">
            					<i class="middle ace-icon fa fa-facebook-square fa-2x blue"></i>
            				</a>
            
            				<a href="https://www.facebook.com/groups/joruridoctors" class="tooltip-info" title="Visit Our Facebook Group" data-original-title="Visit Our Facebook Group" target="_blank">
            					<i class="middle ace-icon fa fa-user fa-2x light-blue"></i>
            				</a>
            			</div>
            		</div>
            		<div class="hr hr16 dotted"></div>
            	</div>
            
            	<div class="col-xs-12 col-sm-9">
            
            		<div class="space-12"></div>
            
            		<div class="profile-user-info profile-user-info-striped">
            			<div class="profile-info-row">
            				<div class="profile-info-name"> Full Name </div>
            
            				<div class="profile-info-value">
            					<input class="editable form-control" id="about" value="{{$profile->customer_name}}" name="customer_name"/>
            				</div>
            			</div>
            
            			<div class="profile-info-row">
            				<div class="profile-info-name"> E-mail </div>
            
            				<div class="profile-info-value">
            					<input class="editable form-control" id="about" value="{{$profile->customer_email}}" name="customer_email"/>
            				</div>
            			</div>
            
            			<div class="profile-info-row">
            				<div class="profile-info-name"> Mobile </div>
            
            				<div class="profile-info-value">
            					<input class="editable form-control" id="about" value="{{$profile->customer_mobile}}" name="customer_mobile" />
            				</div>
            			</div>
            
            
            			<div class="profile-info-row">
            				<div class="profile-info-name"> Job Location </div>
            
            				<div class="profile-info-value">
            					<i class="fa fa-map-marker light-orange bigger-110"></i>
            					<span class="editable" id="country">{{$profile->mpo_service_area->name}}</span>
            				</div>
            			</div>
            
            			<div class="profile-info-row">
            				<div class="profile-info-name"> Joined </div>
            
            				<div class="profile-info-value">
            					<span class="editable">{{$profile->created_at}}</span>
            				</div>
            			</div>
            
            			<div class="profile-info-row">
            				<div class="profile-info-name"> Last Updated </div>
            
            				<div class="profile-info-value">
            					<span class="editable">{{$profile->updated_at}}</span>
            				</div>
            			</div>
            
            			<div class="profile-info-row">
            				<div class="profile-info-name"> Role </div>
            
            				<div class="profile-info-value">
            					<span class="editable" id="about">{{$profile->customer_type}}</span>
            				</div>
            			</div>
            		</div>
            
            		<div class="space-20"></div>
            		<button class="btn btn-success btn-round pull-right">Update Data</button>
            			
            		</div>
	
	            </form>
            </div>
<script>
	// Set the date we're counting down to
	var countDownDate = new Date("{{$profile->end_date}}").getTime();

// Update the count down every 1 second
	var x = setInterval(function() {

// Get today's date and time
	  var now = new Date().getTime();
	    
	  // Find the distance between now and the count down date
	  var distance = countDownDate - now;
	    
	  // Time calculations for days, hours, minutes and seconds
	  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
	  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
	  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
	  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
	    
	  // Output the result in an element with id="demo"
	  document.getElementById("end_date").innerHTML = days + "D: " + hours + "H: "
	  + minutes + "M: " + seconds + "S ";
	    
	  // If the count down is over, write some text 
	  if (distance < 0) {
	    clearInterval(x);
	    document.getElementById("end_date").innerHTML = "EXPIRED";
	  }
	}, 1000);
</script>
@endsection