@extends('layouts.admin')
@section('title','View Account Information')
@section('styles')
    <link rel="stylesheet" href="{{asset('admin/vendor/select2/dist/css/select2.min.css')}}">
@endsection
@section('header')
    <div class="header bg-gradient-info pb-6">
        <div class="container-fluid">
            <div class="header-body">
                <div class="row py-5">

                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <div class="row">
        <div class="col">
            <div class="card">

                <div class="card-header border-0">
                    <div class="row">
                        <div class="col-6">
                            <h3 class="mb-0">Show User Details</h3>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="card">

                        <div class="card-body">

                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Time and Date</span>
                                    <span class="d-block h3 text-dark">{{$user->created_at}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Sign Up IP</span>
                                    <span class="d-block h3 text-dark">{{$user->sign_up_ip}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">User Account Type</span>
                                    <span class="d-block h3 text-dark">{{$user->account_type}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">User Account Number</span>
                                    <span class="d-block h3 text-dark">{{$user->account}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Last Login IP</span>
                                    <span class="d-block h3 text-dark">{{$user->last_login_ip}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Last Login Time</span>
                                    <span class="d-block h3 text-dark">{{$user->last_login_time}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Full Name</span>
                                    <span class="d-block h3 text-dark">{{$user->name}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">First Name</span>
                                    <span class="d-block h3 text-dark">{{$user->first_name}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Last Name</span>
                                    <span class="d-block h3 text-dark">{{$user->last_name}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Other Name</span>
                                    <span class="d-block h3 text-dark">{{$user->other_name}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Gender</span>
                                    <span class="d-block h3 text-dark">{{$user->gender}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Date of Birth</span>
                                    <span class="d-block h3 text-dark">{{$user->date_of_birth}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Mobile</span>
                                    <span class="d-block h3 text-dark">{{$user->mobile}}</span>
                                </div>
                                <div class="col">
                                    <span class="h6 surtitle text-dark">Email Verified</span>
                                    <span class="d-block h3 text-dark">
                                        @if($user->email_verified_at == null)
                                            <i class="bg-warning"></i>
                                            <span class="status">No</span>
                                        @else
                                            <i class="bg-green"></i>
                                            <span class="status">Yes</span>
                                        @endif
                                    </span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-10 col-lg-8">
                                    <span class="h6 surtitle text-dark">Selfie</span>
                                    <span class="d-block">
                                        <img class="card-img-top" src="{{$user->avatar}}" style="height: fit-content" alt="Selfie">
                                    </span>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-sm-12 col-md-10 col-lg-8">
                                    <span class="h6 surtitle text-dark">Passport</span>
                                    <span class="d-block">
                                        <img class="card-img-top" src="{{$user->passport}}" style="height: fit-content" alt="Selfie">
                                    </span>
                                </div>

                            </div>
                            <br>
                            <div class="row justify-content-center">
                                <a href="{{url()->previous()}}" class="btn btn-info">Back To Previous Page</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script src="{{asset('admin/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{asset('admin/vendor/select2/dist/js/select2.min.js')}}"></script>
@endsection