<x-app-layout>
    <x-app-breadcrumb>
        @if (Auth::getDefaultDriver() == config('constants.cafe'))
            <li class="breadcrumb-item active" aria-current="page">{{ __('common.myProfile') }}</li>
        @endif
        @if (Auth::getDefaultDriver() == config('constants.admin'))
            <li class="breadcrumb-item">
                <a href="{{ $cafeManagementUrl }}" class="breadcrumb_home">
                    {{ __('common.CafeManagement') }}
                </a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('common.viewCafe') }}</li>
        @endif
    </x-app-breadcrumb>
    <div class="page-header row">
        <div class="page-title col-12 d-flex pr-4">
            @if (Auth::getDefaultDriver() == config('constants.cafe'))
                <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>
            @endif
            @if (Auth::getDefaultDriver() == config('constants.admin'))
                <h3 class="my-auto">{{ __('common.CafeManagement') }}</h3>
            @endif
        </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 profileContent">
                <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($banner_image) && $banner_image != '' ? asset($banner_image) : asset('assets/img/400x300.jpg') }}">
                            <img src="{{ isset($banner_image) && $banner_image != '' ? asset($banner_image) : asset('assets/img/400x300.jpg') }}"
                                class="card-img-top  picture__img" alt="widget-card-2">
                        </a>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 row">
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">
                        <h4 class=""><strong>{{ __('common.name') }}</strong></h4>
                        <p class="profile">{{ isset($name) && $name != '' ? $name : ' - ' }}</p>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">
                        <h4 class=""><strong>{{ __('common.email') }}</strong></h4>
                        <p class="profile">{{ isset($email) && $email != '' ? $email : ' - ' }}</p>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">
                        <h4 class=""><strong>{{ __('common.phone') }}</strong></h4>
                        <p class="profile">{{ isset($phone) && $phone != '' ? $phone : ' - ' }}</p>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6 mt-4">
                        <h4 class=""><strong>{{ __('common.website') }}</strong></h4>
                        <p class="profile">{{ isset($website) && $website != '' ? $website : ' - ' }}</p>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6 mt-4">
                        <h4 class=""><strong>{{ __('common.postcode') }}</strong></h4>
                        <p class="profile">{{ isset($postcode) && $postcode != '' ? $postcode : ' - ' }}</p>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6 mt-4">
                        <h4 class=""><strong>{{ __('common.address') }}</strong></h4>
                        <p class="profile">{{ isset($address) && $address != '' ? $address : ' - ' }}</p>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-12 col-sm-12 col-12">
                    <h4 class=""><strong>{{ __('common.cafeHours') }}</strong></h4>
                    @foreach ($timing as $index => $time)
                        <div class="row">
                            <div class="col-5">
                                <p class="profile">{{ $days[$index] }}</p>
                            </div>
                            <div class="col-7">
                                <p class="profile">:
                                    {{ $time->is_active == 1 ? date('h:i A', strtotime($time->open_time)) . ' - ' . date('h:i A', strtotime($time->close_time)) : '-' }}
                                </p>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6 mt-4">
                    <h4 class=""><strong>{{ __('common.bio') }}</strong></h4>
                    <p class="profile">{{ isset($bio) && $bio != '' ? $bio : ' - ' }}</p>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6 mt-4">
                    <h4 class=""><strong>{{ __('common.cafe_filter') }}</strong></h4>
                    @if (isset($cafe_filter) && sizeof($cafe_filter) > 0)
                        @foreach ($cafe_filter as $filter)
                            <p class="profile">{{ isset($filter) && $filter != '' ? $filter : ' - ' }}</p>
                        @endforeach
                    @else
                        <p class="profile">{{ ' - ' }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</x-app-layout>