@extends('admin.layouts.admin_app', ['header' => true, 'nav' => true, 'demo' => true])
@section('title') {{ $user_details->name }} @endsection
@section('users', 'active')
@section('user_list','active')
@section('content')
<div class="page-wrapper">
    {{--
    <div class="container-xl">
        <!-- Page title -->
        <div class="page-header d-print-none mt-2 mb-3">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-pretitle">
                        {{ __('Overview') }}
                    </div>
                    <h2 class="page-title">
                        {{ __('View User') }}
                    </h2>
                </div>
            </div>
        </div>
    </div>
--}}
    <div class="page-body">
        <div class="container-xl">
            <div class="row row-deck row-cards">
                <div class="col-sm-6 col-lg-6">
                    <div class="card">
                        <div class="card-body p-4 text-center">
                            <span class="avatar avatar-xl mb-3 avatar-rounded"
                                style="background-image: url({{ $user_details->profile_image ?? asset('assets/img/avatar/1.jpg') }})">
                            </span>
                            <h3 class="m-0 mb-1 text-center">{{ $user_details->name }}</h3>
                            <div class="text-muted">
                                {{ $user_details->email == '' ? 'Not Available' : $user_details->email }}</div>
                            <div class="mt-3">
                                <span
                                    class="badge bg-green-lt">{{ $user_details->role_id == 2 ? 'User' : ''}}</span>
                            </div>
                        </div>

                        {{-- @dd($user_details) --}}

                        @if ($user_details->id != Auth::user()->id)
                        <div class="d-flex">
                            <a href="mailto:{{ $user_details->email == '' ? 'Not Available' : $user_details->email }}"
                                class="card-btn">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon me-2 text-muted" width="24"
                                    height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                    fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <rect x="3" y="5" width="18" height="14" rx="2" />
                                    <polyline points="3 7 12 13 21 7" /></svg>
                                {{ __('Email') }}</a>
                            <a href="#" class="card-btn"
                                onclick="loginUser('{{ $user_details->user_id }}'); return false;">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path
                                        d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" />
                                    <path d="M20 12h-13l3 -3m0 6l-3 -3" /></svg>
                                {{ __('Login via Admin') }}</a>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6">
                    <div class="card">
                        <div class="table-responsive">
                            <table class="table table-vcenter card-table">
                                <thead>
                                    <tr>
                                        <th>{{ __('vCard ID') }}</th>
                                        <th>{{ __('Title') }}</th>
                                        <th>{{ __('Created At') }}</th>
                                        {{-- <th>{{ __('Status') }}</th> --}}
                                        <th>{{ __('Action') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (count($user_cards) != 0)
                                    @foreach ($user_cards as $user_card)
                                    <tr>
                                        <td>
                                            <a href="{{ route('card.preview', $user_card->card_url) }}" target="_blank">{{ $user_card->card_id }}</a>
                                        </td>
                                        <td class="text-muted">
                                            {{ $user_card->title }} {{ $user_card->title2 }}
                                        </td>
                                        <td class="text-muted">
                                            {{ date('d-m-Y h:m A', strtotime($user_card->created_at)) }}
                                        </td>
                                        {{-- <td class="text-muted">
                                            @if ($user_card->status == 0)
                                            <span class="badge bg-red">{{ __('Inactive') }}</span>
                                            @elseif ($user_card->status == 2)
                                            <span class="badge bg-danger">{{ __('Deleted') }}</span>
                                            @else
                                            <span class="badge bg-green">{{ __('Active') }}</span>
                                            @endif
                                        </td> --}}
                                        <td>
                                            <div class="btn-group">
                                                {{-- <a class="btn-sm btn btn-info" href="{{ route('user.card.edit', $user_card->id)}}"><i class="fa fa-pencil-alt"></i></a> --}}
                                                <a class="btn-sm btn btn-success" target="_blank" href="{{ route('card.preview',$user_card->card_url) }}"><i class="fa fa-link"></i></a>
                                                <a class="btn-sm btn btn-danger" onclick="if (confirm('Delete selected item?')){return true;}else{event.stopPropagation(); event.preventDefault();};" href="{{ route('admin.card.delete',$user_card->id) }}"class="dropdown-item btn-sm"><i class="fa fa-trash"></i></a>
                                            </div>
                                        </td>
                                    @endforeach
                                    @else
                                    {{-- <tr>
                                        <td class="text-center font-weight-bold" colspan="6">
                                        </td>
                                    </tr> --}}
                                    <tr>
                                        <td class="text-center font-weight-bold" colspan="6">
                                            {{ __('No business cards found') }}!
                                        </td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.includes.footer')
</div>

<div class="modal modal-blur fade" id="login-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-title">{{ __('Are you sure login into the user?')}}</div>
                <div class="text-danger">{{ __('Note : If you proceed, you will lose your admin session.')}}</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link link-secondary me-auto"
                    data-bs-dismiss="modal">{{ __('Cancel')}}</button>
                <a href="{{ route('admin.login-as.user', $user_details->id) }}" class="btn btn-danger">{{ __('Yes, proceed')}}</a>
            </div>
        </div>
    </div>
</div>
@endsection