@extends('layout.pub_layout')

@section('title', 'vendor-dashboard')

@section('body')

@section('header', 'User View')
@section('badge')
    <li class="breadcrumb-item"><a href="{{ route('pub.profile') }}">Profile</a></li>
@endsection
@php
    // $user = Auth::user();
@endphp

<div class="row">
    <div class="col-md-12">

        <!-- Widget: user widget style 1 -->
        <div class="card card-widget widget-user">
            <!-- Add the bg color to the header using any of the bg-* classes -->
            <div class="widget-user-header text-white"
                style="background: url('{{ asset('dist/img/photo1.png') }}') center center;">
                {{-- <h3 class="widget-user-username text-right">Elizabeth Pierce</h3> --}}
                <h3 class="widget-user-desc text-right">{{ $user->name }}</h3>
            </div>
            <div class="widget-user-image">
                <img class="img-circle" src="{{ $user->profile->profile_photo }}" alt="User Avatar">
            </div>

            <div class="card-footer">
                <div class="row">

                    <div class="col-sm-4 border-right">
                        <div class="description-block">
                            {{-- <h5 class="description-header"> </h5>
          <span class="description-text">PINGS</span> --}}
                        </div>
                    </div>


                    <div class="col-sm-4 border-right">
                        <div class="description-block">
                            <span class="description-text"> {{ $user->name }}</span>
                        </div>
                    </div>

                    {{-- @dd($user) --}}
                    <div class="col-sm-4">
                        <div class="description-block">
                            <span class="btn btn-group">
                                <a href="{{ route('admin.user.edit', [$user->role, $user->id]) }}"
                                    class="btn btn-sm btn-info mt-2">
                                    <i class="fas fa-edit"></i> Edit
                                </a>
                                {{-- <i class="far fa-check-square"></i> --}}
                                @if ($user->role == 2)
                                    <a onclick="return confirm('Are you sure want to approved?');"
                                        href="{{ route('admin.user.approved', $user->id) }}"
                                        class="btn btn-sm btn-success mt-2 ml-2">
                                        <i class="far fa-check-square"></i> Approved
                                    </a>
                                @endif
                            </span>
                        </div>
                    </div>


                </div>
                <!-- /.row -->


                <div class="card-footer p-0">
                    <ul class="nav flex-column">
                        @if ($user->role == 2)
                        <li class="nav-item">
                            <a href="#" class="nav-link">
                                <strong><i class="fas fa-business-time mr-1"></i> Business Name : {{ $user->business_name }}</strong>
                            </a>
                        </li>
                        @endif
                        <li class="nav-item">
                            <a href="mailto:{{ $user->email }}" class="nav-link">
                                <strong><i class="fas fa-envelope mr-1"></i> Email : {{ $user->email }}</strong>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="tel:{{ $user->profile->mobile }}" class="nav-link">
                                <strong><i class="fas fa-mobile mr-1"></i> Telephone : {{ $user->mobile }}</strong>
                            </a>
                        </li>
                        {{-- <li class="nav-item">
                        <a href="#" class="nav-link">
                            <strong><i class="fas fa-calendar mr-1"></i> DOB : {{ $user->profile->dob}}</strong>
                        </a>
                        </li> --}}

                                        {{-- <li class="nav-item">
                        <a href="#" class="nav-link">
                            <strong><i class="far fa-file-alt mr-1"></i> Sex : {{ $user->profile->gender}}</strong>
                            <p class="text-muted">{{ $user->profile->gender}}</p>
                        </a>
                        </li> --}}
                        @if ($user->role == 2)
                            <li class="nav-item">
                                <a href="https://www.google.com/maps/place/{{ $user->profile->address }}"
                                    class="nav-link" target="_blank">
                                    <strong><i class="fas fa-book mr-1"></i> Address : {{ $user->profile->address }}
                                    </strong>
                                </a>
                            </li>
                        @endif

                    </ul>

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

        <div class="card">
            <div class="card-header">
                Other information
            </div>
            <div class="card-body">

                <div class="row">
                        {{-- <div class="col">
                            <label>Location: {{ $user->profile->location }}</label>
                        </div> --}}
                    <div class="col">
                        <label>Contact number: {{ $user->mobile }}</label>
                    </div>
                    @if ($user->role == 2)

                        <div class="col">
                            <label>Document: </label> <br>
                            @if ($user->profile->document)

                                <img src="{{ asset('public/uploads/users/document/' . $user->profile->document) }}"
                                    width="100px" height="100px">
                            @endif
                        </div>
                    @endif
                </div>


            </div>
        </div>

        <!-- /.widget-user -->

    </div>
</div>

@endsection