@extends('layouts.master')
@section('title')
Our Consultants
@endsection
@section('content')
	<div class="breadcrumb-area">
		<div class="container">
			<div class="breadcrumb-title col-sm-8">
				<h1 class="page-title">Our Consultants</h1>
			</div>
			<div class="breadcrumbs col-sm-4">
				<span><a href="/" class="home">Home</a></span>
				<span><i class="fa fa-angle-right"></i></span>
				<span><span>Our Consultants</span></span>
			</div><!-- .breadcrumbs-->
		</div><!-- .subheader-inner-->
	</div>

	<div class="page-content">
		<div class="container">		
            @if (Session::has('message'))
                <div class="alert alert-info">{{ Session::get('message') }}</div>
            @endif
			<div class="form-group">
				<label for="specialities" class="col-sm-2">Select Department</label>
				<div class="col-sm-8">
					<select class="form-control" name="specialities" onchange="getDoctor();" id="txtSpeciality">
						<option value="">Select</option>
						@foreach($data as $speciality)
						<option value="{{$speciality->title}}">{{$speciality->title}}</option>
						@endforeach
					</select>
				</div>
			</div>
		</div>
		<div class="container" id="txtDoctor">
		@foreach($doctors as $doctor)
			<div class="col-sm-3 single-content">
				<div class="content-area doctor">
					@if($doctor->image)
					<img src="/{{ $doctor->image }}" class="img-responsive">
					@else
					<img src="http://via.placeholder.com/350x300" class="img-responsive">
					@endif
					<div class="doctor-content">
						<h2>{{$doctor->name}}</h2>
						<p><i>{{$doctor->degree}}</i></p>
						<p>{{$doctor->speciality}}</p>
					</div>
					<div class="doctor-content-action text-center">
						<h2 style="display: none;" id="drName">{{$doctor->name}}</h2>						
						<a class="btn btn-sm btn-default" href="{{ url('doctor-list', [$doctor->id, make_slug($doctor->name)] )}}"> Read More</a>					
					</div>
				</div>
			</div>
		@endforeach
		</div>

		<div class="text-center" id="pagi">