@extends('partials.main')


@section('title')

Profile


@endsection

@section('content')



<!-- breadcrumb -->

<div class="breadcrumb-header justify-content-between">

    <nav class="breadcrumb-4">

        <ol class="breadcrumb breadcrumb-style1">

            <li class="breadcrumb-item">

                <a href="{{ route('dashboard') }}">Dashboard</a>

            </li>

             <li class="breadcrumb-item">

                <a href="{{ route('client_list') }}">users list</a>

            </li>

            <li class="breadcrumb-item active">Profile</li>

        </ol>

    </nav>

</div>

<!-- breadcrumb -->

<!-- row -->

<div class="row row-sm">

    <div class="col-lg-4">

        <div class="card mg-b-20">

            <div class="card-body">

                <div class="ps-0">

                    <div class="main-profile-overview">

                        <div class="main-img-user profile-user">

                          @if($user->images==NULL)

                            <img alt="" src="{{asset('assets/img/faces/2.jpg')}}">

                            @else

                            <img alt="" src="{{asset('images/product/'.$user->images)}}" style="object-position: top;">

                            @endif

                        </div>

                        <div class="d-flex justify-content-between mg-b-20">

                            <div>

                                <h5 class="main-profile-name">{{$user->first_name}} {{$user->last_name}}</h5>

                                <p class="main-profile-name-text">{{$user->roles[0]->name}}</p>

                            </div>

                        </div>

                        <h6>Bio</h6>

                        <div class="main-profile-bio">

                            {{$user->bio}}

                        </div><!-- main-profile-bio -->



                        <hr class="mg-y-30">

                        <label class="main-content-label tx-13 mg-b-20">Social</label>

                        <div class="main-profile-social-list">

                            <div class="media">

                                <div class="media-icon bg-primary-transparent text-primary">

                                    <i class="icon ion-logo-facebook"></i>

                                </div>

                                <div class="media-body">

                                    <span>Facebook</span> <a href="{{$user->facebook}}">{{$user->facebook}}</a>

                                </div>

                            </div>

                            <div class="media">

                                <div class="media-icon bg-info-transparent text-info">

                                    <i class="icon ion-logo-twitter"></i>

                                </div>

                                <div class="media-body">

                                    <span>Twitter</span> <a href="{{$user->twitter}}">{{$user->twitter}}</a>

                                </div>

                            </div>

                            <div class="media">

                                <div class="media-icon bg-danger-transparent text-danger">

                                    <i class="icon ion-logo-instagram"></i>

                                </div>

                                <div class="media-body">

                                    <span>Instagram</span> <a href="{{$user->instagram}}">{{$user->instagram}}</a>

                                </div>

                            </div>

                            <div class="media">

                                <div class="media-icon bg-primary-transparent text-primary">

                                    <i class="icon ion-logo-linkedin"></i>

                                </div>

                                <div class="media-body">

                                    <span>Linkedin</span> <a href="{{$user->linkedin}}">{{$user->linkedin}}</a>

                                </div>

                            </div>

                            <div class="media">

                                <div class="media-icon bg-danger-transparent text-danger">

                                    <i class="icon ion-logo-youtube"></i>

                                </div>

                                <div class="media-body">

                                    <span>Youtube</span> <a href="{{$user->youtube}}">{{$user->youtube}}</a>

                                </div>

                            </div>

                            <div class="media" >

                                <div class="media-icon bg-info-transparent" style="color:#292BB8; background:#6C82CE;">

                                <i class="fab fa-flickr"></i>

                                </div>

                                <div class="media-body">

                                    <span>Flicker</span> <a href="{{$user->flicker}}">{{$user->flicker}}</a>



                                </div>

                            </div>

                        </div>

                    </div><!-- main-profile-overview -->

                </div>

            </div>

        </div>

    </div>

    <div class="col-lg-8">

        <div class="row row-sm">


        </div>

        <div class="card">

            <div class="card-body">

                <div class="tabs-menu ">

                    <!-- Tabs -->

                    <ul class="nav nav-tabs profile navtab-custom panel-tabs">

                        <li class="">

                            <a  > <span

                                    ><i class="las la-user-circle tx-16 me-1"></i></span> <span

                                    class="hidden-xs">User detail</span> </a>

                        </li>

                    </ul>

                </div>

                <div class="tab-content border-start border-bottom border-right border-top-0 p-4 br-dark">

                    <div class="tab-pane active" id="home">
                        <h4 class="tx-15 text-uppercase mb-3">BIOdata</h4>
                        <p class="m-b-5">  {{$user->bio}}</p>
                        <div class="m-t-30">
                            <h4 class="tx-15 text-uppercase mt-3">Profile Title</h4>
                            <div class=" p-t-10">
                                <h5 class="text-muted m-b-5 tx-14">Candidate for Toronto</h5>
                            </div>
                        </div>
                        <div class="m-t-30">
                            <h4 class="tx-15 text-uppercase mt-3">Email</h4>
                            <div class=" p-t-10">
                                <h5 class="text-muted m-b-5 tx-14">{{$user->email}}</h5>
                            </div>
                        </div>
                        @if($user->dob!=NULL)
                            <div class="m-t-30">
                                <h4 class="tx-15 text-uppercase mt-3">Date of Birth</h4>
                                <div class=" p-t-10">
                                    <h5 class="text-muted m-b-5 tx-14">{{$user->dob}}</h5>
                                </div>
                            </div>
                        @endif
                        @if($user->address!=NULL)
                        <div class="m-t-30">
                            <h4 class="tx-15 text-uppercase mt-3">Address</h4>
                            <div class=" p-t-10">
                                <h5 class="text-muted m-b-5 tx-14">{{$user->address}}</h5>
                            </div>
                        </div>
                        @endif
                        @if($user->city!=NULL)
                        <div class="m-t-30">
                            <h4 class="tx-15 text-uppercase mt-3">City</h4>
                            <div class=" p-t-10">
                                <h5 class="text-muted m-b-5 tx-14">{{$user->city}}</h5>
                            </div>
                        </div>
                        @endif

                        @if($user->have_vehicle!=NULL)
                        <div class="m-t-30">
                            <h4 class="tx-15 text-uppercase mt-3">Vehicle</h4>
                            <div class=" p-t-10">
                                @if($user->have_vehicle==0)
                                <h5 class="text-muted m-b-5 tx-14">NO</h5>
                                @else
                                <h5 class="text-muted m-b-5 tx-14">Yes</h5>
                                @endif
                            </div>
                        </div>
                        @endif

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

<!-- row closed -->

@endsection