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

<style>
    @media only screen and (max-width:375px) {
        .card-body {
            padding: 1.25rem 0.8rem;
        }
    }

    .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">
                                    <h3 class="text-primary">Welcome to Reach Assuree !</h3>
                                    {{-- <h5>It will seem like simplified</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;">

                                        </div>
                                    </div>
                                    <div class="two">
                                        <h5 class="font-size-16 text-capitalize" style="margin-bottom: 0.2rem;"><strong>{{Session::get('admin_username')}}</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">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection