@extends('frontend.layouts.app')

@section('content')
<div class="header header-top">
            <a href="{{ url('/dashboard') }}" class="header-menu"><i class="fa fa-arrow-left"></i></a>
            <h2 class="page-title">Profile</h2>
             <a href="{{ url('/profile/edit') }}" class="header-menu-right">Edit</a> 
        </div><!-- header -->
        
        <div class="main-content">
            <div class="container-fluid">
                 @include('includes.partials.messages')
                <div class="profile-pic">
                    <div class="profile-img">
                        @if($logged_in_user->avatar_location)
                            <img src="{{ url('storage/'.$logged_in_user->avatar_location) }}" alt="">
                        @else
                            <img src="{{ url('img/profile-pic.jpg') }}" alt="">
                        @endif
                    </div>
                </div>
                <div class="sign-up-form">
                    <div class="row mb-2  no-gutters">
                        <div class="col-5 col-md-3 pr-1">
                            <label><strong>First Name</strong></label>
                        </div>
                        <div class="col-7 col-md-9">
                            <span class="name-block">{{ $logged_in_user->first_name }}</span>
                        </div>
                    </div><!-- row -->
                    <div class="row mb-2  no-gutters">
                        <div class="col-5 col-md-3 pr-1">
                            <label><strong>Last Name</strong></label>
                        </div>
                        <div class="col-7 col-md-9">
                            <span class="name-block">{{ $logged_in_user->last_name }}</span>
                        </div>
                    </div><!-- row -->
                    <div class="row mb-2  no-gutters">
                        <div class="col-5 col-md-3 pr-1">
                            <label><strong>Email Id</strong></label>
                        </div>
                        <div class="col-7 col-md-9">
                            <span class="name-block">{{ $logged_in_user->email }}</span>
                        </div>
                    </div><!-- row -->
                    @if($logged_in_user->user_type == 3)
                    <div class="row mb-2  no-gutters">
                        <div class="col-5 col-md-3 pr-1">
                            <label><strong>City</strong></label>
                        </div>
                        <div class="col-7 col-md-9">
                            @php $i=0; @endphp
                            @foreach($services as $key => $val)
                                @php  $i++; @endphp
                                    @if(sizeof($services) > $i)
                                        <span class="name-block">{{ $val->category_name . ","}}</span>
                                    @else
                                        <span class="name-block">{{ $val->category_name }}</span>
                                    @endif
                            
                            @endforeach
                        </div>
                    </div><!-- row -->
                     <div class="row mb-2  no-gutters">
                        <div class="col-5 col-md-3 pr-1">
                            <label><strong>Service</strong></label>
                        </div>
                        <div class="col-7 col-md-9">
                            @php $j=0; @endphp
                            @foreach($cities as $key => $val)
                                @php  $j++; @endphp
                                    @if(sizeof($cities) > $j)
                                        <span class="name-block">{{ $val->city_name . ","}}</span>
                                    @else
                                        <span class="name-block">{{ $val->city_name }}</span>
                                    @endif
                            
                            @endforeach
                        </div>
                    </div><!-- row -->
                     <div class="row mb-2  no-gutters">
                        <div class="col-5 col-md-3 pr-1">
                            <label><strong>Service Description</strong></label>
                        </div>
                        <div class="col-7 col-md-9">
                            <span class="name-block">{{ $logged_in_user->company_service_desc }}</span>
                        </div>
                    </div><!-- row -->
                    @endif
                    <!-- <div class="row mt-5 no-gutters">
                        <div class="col-12 text-center">
                            <a href="{{ url('/logout') }}" class="btn btn-warning">Logout</a>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="footer">
            <!-- <a href="javascript:void(0)" class="block-btn">Logout</a> -->
            <a href="{{ url('/logout') }}" class="block-btn">Logout</a>     
        </div><!-- footer -->
@endsection