@extends('frontend.layouts.app-dashboard')

@section('content')

<div class="myprofile-page-sec user-dashboard">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">

                <div class="post-sub-sec text-center">

                    <div class="pro-header-sec">

                        <div class="pro-pic-image">
                        	@if( isset( auth()->user()->profile_image ) )

								<img src="{{asset('profile_image/'.auth()->user()->profile_image)}}" alt="{{auth()->user()->first_name}}" />	                        		

                        	@else

                            	<img id="blah" src="https://via.placeholder.com/120" alt="{{auth()->user()->first_name}}" />

                            @endif
                        
                        </div>

                        <div class="pro-user-name">
                           <h5>{{auth()->user()->first_name}} {{auth()->user()->last_name}}</h5>
                        </div>

                        <a href="{{route('user.edit.profile')}}" class="pro-edit-button">
                          <i class="fas fa-edit"></i> Edit profile
                        </a>

                    </div>

                    <div class="pro-bottom-sec">
                        <div class="pro-bottom-sec-text">{{auth()->user()->created_at->diffForHumans()}}</div>
                        <div class="pro-bottom-sec-label-">on Local Buzz</div>
                    </div>

                </div>

            </div>
            
            <div class="col-lg-9 col-md-8">
                
	            <div class="user-ads-show-sec">
	                <div class="row">
	                    
	                    @if( isset( $ads ) && count( $ads ) > 0 )

	                    	@foreach( $ads as $ad )

	                    	@php 
	                    		$imageUrl = null;

	                    		if($ad->module_id == 1){
	                    			$imageUrl = asset('business/'.$ad->featured_image);
	                    		}

	                    		if($ad->module_id == 2){
	                    			$imageUrl = asset('home-business/'.$ad->featured_image);
	                    		}

	                    		if($ad->module_id == 3){
	                    			$imageUrl = asset('non-profit/'.$ad->featured_image);
	                    		}

	                    	@endphp
		                    <div class="col-lg-3 col-md-4 col-sm-6 ">
		                        <div class="user-ads-block">
		                        	@if(isset($imageUrl))
		                            <div class="image">
		                                <img src="{{ $imageUrl }}" alt="{{ $ad->title }}">
		                            </div>
		                            @endif
		                            <div class="user-myads-content">
		                                <div class="title">
		                                    <h2><a href="#">{{  $ad->title }}</a></h2>
		                                </div>
		                                <div class="date">
		                                    <p><i class="fas fa-calendar-alt"></i> {{date('F d, Y',strtotime($ad->created_at))}}</p>
		                                </div>
		                            </div>
		                            <div class="user-ads-btns">
		                                <ul>
		                                    <li class="user-btn-view"><a href="#"><i class="fas fa-eye"></i> View</a></li>

		                                </ul>
		                            </div>
		                        </div>
		                    </div>
		                    @endforeach
	                   	@endif
	                </div>
	                <nav aria-label="..." class="pagination-section">
	                   <!--  <ul class="pagination justify-content-center">
	                        <li class="page-item disabled">
	                            <span class="page-link">Previous</span>
	                        </li>
	                        <li class="page-item"><a class="page-link" href="#">1</a></li>
	                        <li class="page-item active">
	                            <span class="page-link">
	                                2
	                                <span class="sr-only">(current)</span>
	                            </span>
	                        </li>
	                        <li class="page-item"><a class="page-link" href="#">3</a></li>
	                        <li class="page-item">
	                            <a class="page-link" href="#">Next</a>
	                        </li>
	                    </ul> -->
	                </nav>
	            </div>
                   
            </div>

        </div>
    </div>
</div>

@endsection