@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Agents</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        Agent Details:
                        <p align="right">
                            <a href="{{ route('admin-agents.index') }}" class="btn btn-secondary text-right" title="">Back</a>
                            <a href="{{ route('admin-agents.edit', $agent->id) }}" class="btn btn-primary text-right" title="">Edit</a>
                        </p>
                    </h5>
                    
                       <table class="table header-border" style="min-width: 500px;">
                        
                        <tbody> 
                            <tr>
                                <td style="width: 20%">Name</td>
                                <td>{{ $agent->name }}</td>                                
                            </tr> 
                             <tr>
                                <td style="width: 20%">Email</td>
                                <td>{{ $agent->email }}</td>                                
                            </tr> 
                             <tr>
                                <td style="width: 20%">Phone</td>
                                <td>{{ $agent->phone }}</td>                                
                            </tr> 
                             {{-- <tr>
                                <td style="width: 20%">Whatsapp</td>
                                <td>{{ $agent->whatsapp }}</td>                                
                            </tr>  --}}
                             <tr>
                                <td style="width: 20%">Address</td>
                                <td>{{ $agent->address }}</td>                                
                            </tr> 
                             {{-- <tr>
                                <td style="width: 20%">Description</td>
                                <td>{{ $agent->description }}</td>                                
                            </tr>  --}}
                             <tr>
                                <td style="width: 20%">Agent Image</td>
                                <td>
                                    @php
                                        //$agent_image_url = $agent->getFirstMediaUrl('agent-profile-image');                             
                                        
                                        if($agent){
                                            if(count($agent->getMedia('agent-profile-image')) > 0){
                                                $agent_image_url = $agent->getMedia('agent-profile-image')->last()->getUrl();
                                            }else{
                                                $agent_image_url = '';    
                                            }
                                        }else{
                                            $agent_image_url = '';     
                                        }          
                                    @endphp                  
                                    <img src="{{ $agent_image_url }}" border="0" width="200" class="img-rounded" align="center" /> 
                                </td>                                
                            </tr>                                           
                        </tbody>
                    </table>
                </div>
            </div>
        </div>        
    </div>
</section>


@endsection