@extends('buyers_sellers.layout2.master')
@section('title', 'Edit Profile')
@section('content')
    <style type="text/css">
        .profileimage {
            height: 146px;
            width: 152px;
            object-fit: fill;
        }

        .uploadbtn {
            margin-left: -8px !important;
        }

        .profile-userpic img {
            width: 150px;
            object-fit: contain;
        }
        a.pull-right {
            word-break: break-word;
        }
        .mh-1000{
            min-height: 1000px !important;
        }
    </style>
    <div class="page-content-wrapper">
        <div class="page-content mh-1000">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title">{{ $data->full_name }} Profile</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ route('buyer.dashboard') }}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        {{-- <li><a class="parent-item" href="">UI Elements</a>&nbsp;<i class="fa fa-angle-right"></i> --}}
                        </li>
                        <li class="active">Profile</li>
                    </ol>
                </div>
            </div>
            <div class="col-sm-12">
                <div class="profile-sidebar">
                    <div class="card">
                        <div class="card-body no-padding height-9">
                            <div class="row">
                                <div class="profile-userpic">
                                    @if (Auth::user()->profile == null)
                                        <img src="{{ asset('assets/buyers_sellers/img/p13.png') }}"
                                            class="img-fluid  profileimage" alt="Responsive image">
                                    @else
                                        <img src="{{ asset('Buyer/Profile/' . Auth::user()->profile) }}"
                                            class="img-fluid  profileimage" alt="Responsive image">
                                    @endif
                                </div>
                            </div>
                            <div class="profile-usertitle">
                                <div class="profile-usertitle-name">{{ $data->full_name }}</div>
                                <div class="profile-usertitle-job"> {{ $data->email }} </div>
                            </div>
                            <ul class="list-group list-group-unbordered">
                                <li class="list-group-item">
                                    <b>Address</b> <a class="pull-right">{{ $data->address }}</a>
                                </li>
                                <li class="list-group-item">
                                    <b>Phone Number</b> <a class="pull-right">{{ $data->phone_number }}</a>
                                </li>
                                {{-- <li class="list-group-item">
                                    <b>Birth Date</b> <a class="pull-right">{{ date('Y-m-d',strtotime($data->birth_date)) }}</a>
                                </li> --}}
                                <!--<li class="list-group-item">-->
                                <!--    <b>Nearest Town</b> <a class="pull-right">-->
                                <!--        @if (isset($town[0]->name) && !empty($town[0]->name))-->
                                <!--            {{ $town[0]->name }}-->
                                <!--        @endif-->
                                <!--    </a>-->
                                <!--</li>-->
                                <li class="list-group-item">
                                    <b>Registered Date</b> <a class="pull-right">@if($data->register_date){{ date('Y-m-d',strtotime($data->register_date)) }} @endif</a>
                                </li>
                            </ul>
                            <!-- END SIDEBAR USER TITLE -->
                            <!-- SIDEBAR BUTTONS -->
                            <div class="profile-userbuttons">
                                <a href="{{ route('buyer.dashboard') }}"><button type="button"
                                        class="btn btn-theme btn-md">Back</button></a>
                                <a href="{{ route('buyer.edit') }}"><button type="button"
                                        class="btn btn-theme btn-md">Edit Info</button></a>
                            </div>
                            <!-- END SIDEBAR BUTTONS -->
                        </div>
                    </div>
                </div>
                <div class="profile-content">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-head">
                                    <header>Post Status</header>
                                </div>
                                <div class="card-body no-padding height-9">
                                    <ul class="performance-list">
                                    
                                    
                                       <li>

                                               <i class="fa fa-circle-o" style="color:#00A65A;"></i> Approve Post<span class="pull-right"> 
                                                @if ($Approve)
                                                    {{$Approve}}
                                                    @else
                                                    0
                                                @endif
                                               </span>
                                       </li>
                                        <li>
                                                <i class="fa fa-circle-o" style="color:#F39C12;"></i> Pending Post<span class="pull-right">
                                                @if ($Pending)
                                                    {{$Pending}}
                                                    @else
                                                    0
                                                @endif
                                            </span>
                                        </li>
                                        <li>
                                                <i class="fa fa-circle-o" style="color:#DD4B39;"></i> Decline Post <span class="pull-right">
                                                @if ($Decline)
                                                    {{$Decline}}
                                                    @else
                                                    0
                                                @endif</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END PROFILE CONTENT -->
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-head">
                                <header>Services</header>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                            <form>
                            <div class="form-group">
                                <ul>
                                    @foreach ($Jobs as $job )
                                        <li>{{ $job->title }}</li>
                                    @endforeach
                                </ul>
                              </div>
                            </form>
                        
                    </div>
                        </div>
                    </div>
                    </div>
                </div>
                @if($details)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-head">
                                    <header>Additional Information</header>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                <form>
                                <div class="form-group">
                                    <ul>
                                        <li>How you Heard About us: @if($details) @if($details->heard_about){{ $details->heard_about }} @endif @endif</li>
                                        <li>Recommender Name : @if($details) @if($details->recommender_name){{ $details->recommender_name }} @endif @endif</li>
                                        <li>Recommender Email : @if($details) @if($details->recommender_email){{ $details->recommender_email }} @endif @endif</li>
                                        <li>Recommender Number : @if($details) @if($details->recommender_number){{ $details->recommender_number }} @endif @endif</li>

                                    </ul>
                                </div>
                                </form>
                            
                        </div>
                            </div>
                        </div>
                        </div>
                    </div>
                @endif

                @if($proof)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-head">
                                    <header>Photo ID</header>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                <form>
                                <div class="form-group">
                                    <ul>
                                        @foreach($proof as $photoId)
                                        <li><img src="{{ asset('/proof/'.$photoId->file_name) }}" width="250px" height="150px" alt="{{ $photoId->file_name }}" /></li>
                                        @endforeach
                                    </ul>
                                </div>
                                </form>
                            
                        </div>
                            </div>
                        </div>
                        </div>
                    </div>
                @endif
            </div>

        </div>
    </div>
@endsection
@section('scripts')

@endsection