@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        <div class="row m-1">
            <div class="col"><div class="card">
                    <div class="card-header">
                        <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.user_details')}}</strong>
                    </div>
                    <div class="card-body">
                        <div class="border p-3 rounded">
                            <div class="row ">
                                    <div class="col-2">
                                        <img src="{{asset($data->photo)}}" style="width: 150px; height: 120px; border-radius: 50%;" alt="photo">
                                    </div>
                                <div class="col-10">
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.name')}}</span> : {{$data->name}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.email')}}</span> : {{$data->email}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.mobile')}}</span> : {{$data->mobile}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.type')}}</span> : {{$data->type}}</li>
                                        {{-- <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.end_date')}}</span> : {{$data->end_date}}</li> --}}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div></div>
            {{-- <div class="col"><div class="card">
                    <div class="card-header">
                        <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.photo')}}</strong>
                    </div>
                    <div class="card-body">
                        <div class="border p-3 rounded">
                            <div class="row ">
                                <div class="col-12">
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.host_name')}}</span> : {{$data->host->name}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.server')}}</span> : {{$data->server->endpoint}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.subscription_code')}}</span> : {{$data->subscription_code}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.status')}}</span> : {{$data->status->display_value}}</li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div></div>
        </div> --}}
        
        {{-- <div class="col">
            <div class="card">
                <div class="card-header">
                    <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.user_photo')}}</strong>
                </div>
                <div class="card-body" style="width: 150px; height: 150px;" >
                    <div class="col-12">
                    <img src="{{asset($data->photo)}}" style="width: 150px; height: 120px;" alt="photo">
                    </div>
                </div>
            </div>
        </div> --}}
    

        </div>
     </div>
</div>
@endsection

@push('js')
{{-- <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmTYbjgAIPXgG9537MruVCSWEZJtErUB0&region=EG&callback=initMap"></script> --}}
<script>
  
</script>

@endpush