@extends('layouts.master')

@section('title')
Profile
@endsection

@section('content')
<div class="main-container container-fluid">

    <!-- PAGE-HEADER Breadcrumbs-->
    <div class="page-header">
        <h1 class="page-title">Profile</h1>
        <div>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Profile</li>
            </ol>
        </div>
    </div>
    <!-- PAGE-HEADER END -->

    <!-- ROW -->
    <div class="row" id="user-profile">
        <div class="col-lg-12">
            <div class="card shadow-none">
                <div class="card-body pb-0 mb-0">
                    <div class="wideget-user mb-2">
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="row my-5">
                                    <div class="col-12 text-center">
                                    @if(Auth::user()->photo==NULL)
                                        <img id="user_photo_selected" src="{{asset('assets/images/users/avatar-121.png')}}"
                                             alt="" class="img-fluid rounded-circle mx-auto" 
                                             style="width:140px;height:130px;object-fit:cover;" >
                                        @else
                                        <img id="user_photo_selected" src="{{asset('/uploads/files/'.Auth::user()->photo)}}"
                                        alt="" class="img-fluid rounded-circle mx-auto" 
                                             style="width:140px;height:130px;object-fit:cover;">
                                        @endif

                                        

                                    </div>
                                    <div class="profile-img-content text-dark text-center mt-5">
                                        <div class="text-dark">
                                            <h3 class="h3 mb-2">{{ucwords(Auth::user()->first_name) }} {{ ucwords(Auth::user()->last_name)  }}</h3>
                                            <h5 class="text-muted">{{Auth::user()->city}}</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-8">
                                <div class="card-header">
                                    <div class="card-title">About
                                        <a href="{{url('/profile/edit')}}">
                                            <i class="fe fe-edit-3 text-primary ms-2"></i>

                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div>