<x-app-layout>
    <x-app-breadcrumb>
        <li class="breadcrumb-item active" aria-current="page">{{ __('common.myProfile') }}</li>
    </x-app-breadcrumb>
    <div class="page-header row">
        <div class="page-title col-12 d-flex pr-4">
            <h3 class="my-auto">{{ __('common.myProfile') }}</h3>
            <a href="{{ $url }}" class="d-flex ml-auto btn btn-coffee-medium py-2 px-3">
                <svg class="mr-2 my-1" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-plus-circle">
                    <circle cx="12" cy="12" r="10"></circle>
                    <line x1="12" y1="8" x2="12" y2="16"></line>
                    <line x1="8" y1="12" x2="16" y2="12"></line>
                </svg>
                <span class="my-1">{{ __('common.editProfile') }}</span></a>
        </div>
    </div>

    <div class="row layout-top-spacing">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
            {{-- <x-flash-message></x-flash-message> --}}
            <div class="row mt-4">
                <div class="col-xl-3 col-lg-6 col-md-8 col-sm-12 col-12">
                    <div class="card component-card_2  profile_picture  mb-5">
                        <a class="picture__image" target="_blank"
                            href="{{ isset($profile_picture) && $profile_picture != '' ? asset($profile_picture) : asset('assets/img/400x300.jpg') }}">
                            <img src="{{ isset($profile_picture) && $profile_picture != '' ? asset($profile_picture) : asset('assets/img/400x300.jpg') }}"
                                class="card-img-top  picture__img" alt="widget-card-2">
                        </a>
                    </div>
                </div>
                <div class="col-xl-1"></div>
                <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-12">
                    <h4 class="mb-3"><strong>{{ __('common.name') }}</strong></h4>
                    <p class="profile">{{ isset($name) && $name != '' ? $name : '' }}</p>
                </div>
                <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-12">
                    <h4 class="mb-3"><strong>{{ __('common.email') }}</strong></h4>
                    <p class="profile">{{ isset($email) && $email != '' ? $email : '' }}</p>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-8 col-sm-12 col-12">
                    <h4 class="mb-3"><strong>{{ __('common.address') }}</strong></h4>
                    <p class="profile">{{ isset($address) && $address != '' ? $address : '' }}</p>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>