@extends('customer/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    .img-thumbnail{
        width: 72px;
    } 
</style>

<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card overflow-hidden">
                    <div class="bg-primary bg-soft">
                        <div class="row">
                            <div class="col-7">
                                <div class="text-primary p-4">
                                    @if(agentDetails(3) != '')
                                        <h3 class="text-primary">Welcome to {{agentDetails(3)}} !</h3>
                                    @else
                                        <h3 class="text-primary">Welcome to Reach Assuree !</h3>
                                    @endif
                                    <h5>{{ $data['message'] }} </h5>
                                </div>
                                <div class="d-flex px-4" style="align-items: center;">
                                    <div class="one">
                                        <div class="avatar-md profile-user-wid" style="margin-right: 15px;">
                                            <img src="{{ $data['profile']}}" alt="" class="img-thumbnail rounded-circle" style="height: 100%;">
                                        </div>
                                    </div>
                                    <div class="two">
                                        <h5 class="font-size-16 text-capitalize" style="margin-bottom: 0.2rem;"><strong>{{ $data['data']['first_name'] }} {{ $data['data']['last_name'] }}</strong></h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-5 align-self-end" style="text-align: end;"> 
                                <img src="{{ asset('assets/images/profile-img.png') }}" alt="" class="img-fluid" style="height: 200px;">
                            </div>
                            <div class="card" style="height: fit-content;margin: 0;">
                                <div class="card-body drop" style="box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius: 0 0 0.8rem 0.8rem;">
                                    <div class="row">
                                        <h5 style="margin: 0; text-align: center;">Agent Code : <strong>{{ $data['agent_code'] }}</strong></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection