<div class="col-lg-4 mb-4 mb-md-0">
    <div class="border round-3 appointment-profile-left p-3">
        <div class="d-flex align-items-center">
            @if (!is_null($appointmentleft->media))
                <img src="{{ $appointmentleft->media->banner_url }}" class="dr-profile-left" alt="" />
            @elseif($appointmentleft->gender->Gender === 'Male')
                <img src="{{ asset('img/default-doctor-male.jpg') }}" class="dr-profile-left" alt="" />
            @else
                <img src="{{ asset('img/default-doctor-female.jpg') }}" class="dr-profile-left" alt="" />
            @endif
            <div class="dr-appointment-right-content ps-3">
                <h4 class="clr5c f-18 fw-500 f-sm-16">
                    <a href="{{ route('doctors.show', $appointmentleft->Slug) }}">{{ $appointmentleft->DoctorName }}</a>
                </h4>
                <p class="clr5c f-16 mb-0 f-sm-12">{{ $appointmentleft->CurrentDesignation }}</p>
            </div>
        </div>
        <ul class="appointment-listing-left p-0 m-0">
            @if (count($appointmentleft->specialities))
            <li class="mb-2 d-flex align-items-center">
                <img src="{{ asset('img/internal-medicine.svg') }}" alt="{{ $appointmentleft->specialities[0]->SpecialityName }}" />
                <p class="clr5c mb-0 mb f-16 ps-2">{{ $appointmentleft->specialities[0]->SpecialityName }}</p>
            </li>
            @endif
            @foreach( $appointmentleft->hospitals as $h)
            <li class="mb-2 d-flex align-items-center">
                <img src="{{asset('img/location-a-dr.svg')}}" alt="{{$h->HospitalName}}" />
                <p class="clr5c mb-0 mb f-16 ps-2">{{$h->HospitalName}}</p>
            </li>
            @endforeach
            <li class="mb-2 d-flex align-items-center">
                <img src="{{asset('img/hospital-dr-icon-3.svg')}}" class="hospital-sm-img" alt="Hospital Image" />
                <p class="clr5c mb-0 mb f-16 ps-2">In-Hospital</p>
            </li>
            @if (Route::current()->getName() =='appointment.slot-select')
            <li class="mb-2 d-flex align-items-center">
                <img src="{{asset('img/rupee_icon.png')}}" class="hospital-sm-img" alt="Rupees" />
                <p class="clr5c mb-0 mb f-16 ps-2 amt-box"></p>
            </li>
            @endif
        </ul>
    </div>
</div>
<input type="hidden" id="PersonID" name="PersonID" value="" />
<input type="hidden" id="did" name="did" value="{{ $appointmentleft->id }}" />