@extends('layouts.master')
@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

<style>
    .profile-card {
        overflow: hidden;
    }
    .profile-img {
        height: 100%;
        object-fit: cover;
    }
    .info-label {
        font-weight: 600;
        color: #6c757d;
    }
</style>
@endsection

@section('content')

@php
    // dumper($result);
@endphp

<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">

            <!-- PAGE-HEADER -->
            <div class="page-header">
                <h1 class="page-title">{{__('common.app')}} {{__('common.user')}}</h1>
                <div>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">{{__('common.tables')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{__('common.app')}} {{__('common.users')}}</li>
                    </ol>
                </div>
            </div>

            <div class="row row-sm">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">{{__('common.app')}} {{__('common.user')}}</h3>
                        </div>
                        <div class="card-body">

                                <div class="row justify-content-center">
                                    <div class="col-md-12">
                                        <div class=" profile-card bg-white">
                                            <div class="row g-0">
                                                <div class="col-md-4 bg-primary text-white d-flex flex-column align-items-center justify-content-center p-4">
                                                    <img src="{{ image($result->image, USER_PATH) }}" alt="User Image" class="rounded-circle mb-3" width="120" height="120" style="object-fit: cover;">
                                                    <h4 class="mb-0">{{ $result->name ?? ''}}</h4>
                                                    <p class="mb-0">{{__('common.user')}}</p>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="card-body p-4">
                                                        <h5 class="mb-4">{{__('common.user')}} {{__('common.details')}}</h5>
                                                        <div class="row mb-3">
                                                            <div class="col-sm-4 info-label">{{__('common.email')}}:</div>
                                                            <div class="col-sm-8">{{ $result->email ?? ''}}</div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-sm-4 info-label">{{__('common.phone')}}:</div>
                                                            <div class="col-sm-8">{{ $result->dial_code ?? ''}} {{ $result->phone_number }}</div>
                                                        </div>
                                                        {{-- <div class="row mb-3">
                                                            <div class="col-sm-4 info-label">Company Origin:</div>
                                                            <div class="col-sm-8" style="text-transform:capitalize">{{ $result->address }}</div>
                                                        </div> --}}
                                                       
                                                        <div class="row mb-3">
                                                            <div class="col-sm-4 info-label">{{__('common.registration_at')}}</div>
                                                            <div class="col-sm-8">{{ dateFormat($result->created_at, DISPLAY_DATETIME)}}</div>
                                                        </div>

                                                       
                                                        {{-- <div class="text-end">
                                                            <a href="{{ route('company-request-status',['id' => $result->id, 'status' => 'approved']) }}" class="btn btn-outline-primary">Approved</a>
                                                            <a href="{{ route('company-request-status',['id' => $result->id, 'status' => 'unapproved']) }}" class="btn btn-danger ms-2">Delete</a>
                                                        </div> --}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>  

                        </div> <!-- End of card-body -->
                    </div> <!-- End of card -->
                </div> <!-- End of col-lg-12 -->
            </div> <!-- End of row -->

        </div> <!-- End of main-container -->
    </div> <!-- End of side-app -->
</div> <!-- End of main-content -->

@endsection

@section('bottom_script')

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
    @if(session('success'))
        toastr.success("{{ session('success') }}");
    @endif

    @if(session('error'))
        toastr.error("{{ session('error') }}");
    @endif
</script>
@endsection