@extends('layouts.app')
<style>
    /* Custom CSS for the card */
    .doctor-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 2px solid #f7faff;
        border-radius: 10px;
        margin: 20px;
        padding: 20px;
        background-color: #f8f9fa;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    }
    .doctor-image {
        max-width: 150px;
        border-radius: 50%;
    }
    .doctor-details {
        margin-top: 20px;
    }
    .doctor-name {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #333;
    }
    .specialization {
        font-size: 20px;
        margin-bottom: 10px;
        color: #555;
    }
    .contact-info {
        font-size: 18px;
        margin-bottom: 15px;
        color: #777;
    }
    .availability {
        font-size: 18px;
        margin-bottom: 10px;
        color: #27ae60;
    }
    .description {
        font-size: 18px;
        margin-top: 20px;
        color: #333;
    }
</style>
@section('content')
    <div class="container">
{{--        {{dd($__data)}}--}}
        <div class="row">
            <div class="col-md-6 offset-md-3">
                <div class="doctor-card">
                    <img src="{{$doctor->personal_pic}}" alt="Doctor's Picture" class="doctor-image">
                    <div class="doctor-details">
                        <div class="doctor-name">{{$doctor->name_en}}</div>
{{--                        <div class="specialization">{{$doctor->specialization->name_en}}</div>--}}
                    </div>
                    <div class="contact-info">
                        <p>{{__('app.phone')}}: {{$doctor->phone_number}}</p>
                        <p>{{__('app.email')}}: {{$doctor->email}}</p>
{{--                        <p>{{__('app.zoomAvailable')}}: {{$doctor->has_zoom== 1 ? 'Yes' : 'No'}}</p>--}}
                        <p>{{__('app.account')}}: {{ $doctor->has_account == 1 ? 'Yes' : 'No' }}</p>

                        @if(isset($accounts) && !empty($accounts))
                            @foreach($accounts as $account)
                                <p>{{__('app.AccountName')}}: {{$account->account_name}}</p>
                                <p>{{__('app.AccountNumber')}}: {{$account->account_number}}</p>
                                <p>{{__('app.AccountInformation')}}: {{$account->account_information}}</p>
                            @endforeach
                        @endif
{{--                        <p>{{__('app.requestType')}}:--}}
{{--                            @if ($doctor->request_type == 1)--}}
{{--                                {{__('app.online')}}--}}
{{--                            @elseif ($doctor->request_type == 0)--}}
{{--                                {{__('app.offline')}}--}}
{{--                            @else--}}
{{--                                {{__('app.bothLine')}}--}}
{{--                            @endif--}}
{{--                        </p>--}}
                        @if(isset($doctor->online_price)&& !empty($doctor->online_price))
                        <p>{{__('app.onlinePrice')}}: {{$doctor->online_price}}</p>
                        @endif
                        @if(isset($doctor->offline_price)&& !empty($doctor->offline_price))
                            <p>{{__('app.offlinePrice')}}: {{$doctor->offline_price}}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection