@extends('layouts.master')
@section('title')
{{$doctor->name}}
@endsection
@section('content')
	<div class="breadcrumb-area">
		<div class="container">
			<div class="breadcrumb-title col-sm-8">
				<h1 class="page-title">{{$doctor->title}}</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">
			<div class="col-sm-12">
				<div class="col-sm-4">					
					@if($doctor->image):
					<img src="/{{ $doctor->image }}" class="img-responsive">
					@else
					<img src="http://via.placeholder.com/350x400" class="img-responsive">
					@endif
					<div class="dr-app text-center">							
						<p><b>Chamber Time: </b>{{$doctor->chamber}}</p>
						<p><u><b>For Serial: </b>{{$doctor->helpline}}</u></p>
						<a class="btn btn-success" data-toggle="modal" data-target="#{{$doctor->id}}-modal">Make Appointment</a>
					</div>
					<div id="{{$doctor->id}}-modal" class="modal fade in">
				        <div class="modal-dialog modal-lg">
						{!! Form::open(['url' => ['/make-appointment'], 'method' =>'post', 'class'=>'form-horizontal', 'enctype'=>"multipart/form-data"]) !!}
				            <div class="modal-content"> 
				                <div class="modal-header">
				                    <h4 class="modal-title">Appointment for {{$doctor->name}}</h4>
				                </div>
				                <div class="modal-body">
					                <div class="form-body">
					                    <div class="form-group">
					                        {!! Form::label('patient','Patient name *',['class'=>'col-sm-2 control-label']) !!}
					                        <div class="col-md-10">
					                            {!! Form::text('patient',null, ['class'=> 'form-control','required' => 'required']) !!}

					                            {!! Form::text('doctor',$doctor->name, ['class'=> 'form-control none']) !!}
					                        </div>
					                    </div>
					                    <div class="form-group">
					                        {!! Form::label('mobile', 'Mobile *', ['class'=>'col-sm-2 control-label']) !!}
					                        <div class="col-md-4">
					                            {!! Form::text('mobile',null,['class'=> 'form-control isnumber','required' => 'required', 'maxlength'=>11]) !!}
					                        </div>
					                        {!! Form::label('birthdate', 'Birthdate *', ['class'=>'col-sm-2 control-label']) !!}
					                        <div class="col-md-4">
					                            {!! Form::text('birthdate',null,['class'=> 'form-control datepicker','required' => 'required']) !!}
					                        </div>
					                    </div>
					                    <div class="form-group">
											<label for="gender" class="col-sm-2 control-label">Gender *</label>
					                        <div class="col-md-4">
												<select class="form-control" name="gender" id="gender" required>
													<option value="">Select</option>
													<option value="Male">Male</option>
													<option value="Female">Female</option>
													<option value="Others">Others</option>
												</select>
					                        </div>
					                        {!! Form::label('app_date', 'Appointment Date *', ['class'=>'col-sm-2 control-label']) !!}
					                        <div class="col-md-4">
					                            {!! Form::text('app_date',null,['class'=> 'form-control datepicker','required' => 'required']) !!}
					                        </div>
					                    </div>
					                    <div class="form-group">
					                        {!! Form::label('message', 'Details', ['class'=>'col-sm-2 control-label']) !!}
					                        <div class="col-md-10">
					                            {!! Form::textarea('message',null,['class'=> 'form-control details','size' => '50x5']) !!}
					                        </div>
					                    </div>
					                </div>
				                </div>
				                <div class="modal-footer">
				                    <div class="btn-group">
				                        <button class="btn btn-danger" data-dismiss="modal">Cancel</button>
				                        {!! Form::submit('Submit ', ['class'=> 'btn btn-success']) !!}
				                    </div>
				                </div>
				 
				            </div>	            
			                {!! Form::close() !!}
				        </div><!-- /.modal-dalog -->
				    </div><!-- /.modal -->
				</div>
				<div class="col-sm-8">					
					<div class="dr-title">
						<h2>{{$doctor->name}}</h2>
					</div>
					<div class="dr-profile">
						<h2>Profile</h2>
						<p><b>Degree: </b>{{$doctor->degree}}</p>
						<p><b>Seciality: </b>{{$doctor->speciality}}</p>						
						<p>{!! $doctor->details!!}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection