@extends('frontend.layouts.master')

@section('content')
<section class="pt-120 pb-80">
    <div class="container">
        <div class="row">
            <div class="widget widget-member">
                <div class="member mb-0" style="text-align: center">
                    @foreach ($alldoctors as $doctor)
                        
                
                    <div class="member__img">
                        <div class="image-container">
                            <img src="{{ asset('doctor/images/' . $doctor->image) }}" alt="member img">
                        </div>
                    </div><!-- /.member-img -->
                    <div class="member__info">
                        <h5 class="member__name"><a
                                href="doctors-single-doctor1.html">{{ $doctor->doctorfname }}
                                {{ $doctor->doctorlname }}</a></h5>
                        <p class="member__job">{{ $doctor->specialty }}</p>
                        <button data-toggle="modal" data-target="#exampleModal{{ $doctor->id }}"
                            data-doctor-name="{{ $doctor->doctorfname }} {{ $doctor->doctorlname }}"
                            data-specialty="{{ $doctor->specialty }}" data-name-input-id="doctorInput{{ $doctor->id }}"
                            data-specialty-input-id="specialtyInput{{ $doctor->id }}"
                            style="background-color: #1d2a4d; border-radius: 8px; color: white;">Book an Appointment<i
                                class="icon-arrow-right"></i></button>
                    </div><!-- /.member-info -->
                    @endforeach
                </div><!-- /.member -->
            </div>
        </div>
    </div>
</section>
@endsection