@extends('layouts.web')

@section('content')
    
<nav class="navbar navbar-default navbar-fixed-top stuck">
    <div class="container">
        @include('include.navbar')
    </div>
</nav>
<div class="navbar-fixed-padding-top">
@include('include.subnavbar')
<div class="container">
    <div class="breadcrumb-block text-center">
        <h3><strong>User Details</strong></h3>
    </div>
    @include('partials.alerts')
    @foreach($userInfo as $user)
        <form id="form">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3">
                	
                	<div class="white-box white-box-shadow">
                    <p class="text-right">
                    	<a href="{{ route('edit') }}" class="btn btn-purple btn-xs" title="Edit Profile">Edit Profile</a>
                    </p>
                	<div class="form-group profile-pic text-center">
                    	@if($user['profile_pic'] != '')
                    	<img src="{{ URL::asset($user['profile_pic']) }}" />
                        @endif
                    </div>
                    <h4 class="text-capitalize text-center"><strong>{{ $user['firstname']}} {{ $user['lastname']}}</strong></h4>
                    @if($user['dob'] != '')
                        <p class="text-muted text-center">{{ date("j F, Y", strtotime($user['dob'])) }}</p>
                    @endif
                    <p class="text-muted text-center">{{ $user['email']}}<br/>+{{ $user['country_code']}} {{ $user['mobile']}}</p>
                    <hr/>
                    <p><strong>About</strong><br/>
                    @if($user['short_bio'] != '')
                    {{ $user['short_bio']}}
                    @else
                    <span class="text-muted">Not available</span>
                    @endif
                    </p>
                    <p><strong>Date of Birth</strong><br/>
                    @if(!empty($user['dob']))
                    {{ date("j F, Y", strtotime($user['dob'])) }}
                    @else
                    <span class="text-muted">Not available</span>
                    @endif
                    </p>
                    <hr/>
                    <p><strong>Address</strong><br/>
                    {{ $user['address']}}<br/>{{ $user['city']}}
                    </p>
                    <hr/>
                    <p>
                    <strong>Emirates ID Copy</strong><br/>
                    <a href="javascript:void(0);" data-toggle="modal" data-target="#myModal"><i class="fa fa-file-text-o"></i> Click to view</a><br/>
                    <small class="text-muted">@if(!empty($user['emirates_id_expiration_date']))Expiry on {{ date("j F, Y", strtotime($user['emirates_id_expiration_date'])) }} @endif</small></p>
                    @if(Auth::user()->user_type_id == env('USER_TYPE_LANDLORD'))
                        <hr/>
                        <p><strong>Passport Copy</strong><br/><a href="javascript:void(0);" data-toggle="modal" data-target="#myPassportModal"><i class="fa fa-file-text-o"></i> Click to view</a></p>
                    @endif
                    <hr/>
                    <p><strong>Social Media</strong></p>
                    @if($user['facebook_profile'] != '')
                    <p><a href="{{ $user['facebook_profile']}}" target="_blank"><i class="fa fa-facebook-square"></i> {{ $user['facebook_profile']}}</a></p>
                    @else
                    <p class="text-muted"><i class="fa fa-facebook-square"></i> http://</p>
                    @endif
                    @if($user['linkedin_profile'] != '')
                    <p><a href="{{ $user['linkedin_profile']}}" target="_blank"><i class="fa fa-linkedin-square"></i> {{ $user['linkedin_profile']}}</a></p>
                    @else
                    <p class="text-muted"><i class="fa fa-linkedin-square"></i> http://</p>
                    @endif
                    
                    <!--@if(Auth::user()->user_type_id == env('USER_TYPE_TENANT'))
                        <div class="form-group">
                            <label>Your Current Document</label>
                            <embed src="{{ URL::asset($user['document']) }}" width="100%" height="500px" />
                        </div>
                    @endif-->
                    </div>
                </div>
            </div>
        </form>
    @endforeach        
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Current Document</h4>
      </div>
      <div class="modal-body">
        <embed src="{{ URL::asset($user['document']) }}" width="100%" height="400px" />
        <input type="hidden" value="{{ $user['document'] }}"  name="current_doc">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
    <div class="modal fade" id="myPassportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Current Passport Copy</h4>
          </div>
          <div class="modal-body">
            <embed src="{{ URL::asset($user['passport']) }}" width="100%" height="400px" />
            <input type="hidden" value="{{ $user['passport'] }}"  name="current_doc">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
@include('include.footer')
@include('include.scripts')
@endsection