@extends('common.dashboard')

@section('title','Add New Doctor')
@section('content')
	<div class="row">
	    <div class="col-12">
	        <div class="page-title-box d-flex align-items-center justify-content-between">
	            <h4 class="mb-0 font-size-18">Doctor Registration</h4>

	            <div class="page-title-right">
	                <ol class="breadcrumb m-0">
	                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
	                    <li class="breadcrumb-item"><a href="/common/doctors">Doctors</a></li>
	                    <li class="breadcrumb-item active">New doctors</li>
	                </ol>
	            </div>
	            
	        </div>
	    </div>
	</div>    
	<!-- <div > -->
	<form method="post" class="row" enctype="multipart/form-data" id="save"> @csrf
		<div class="col-xl-6 col-md-6 col-sm-6">
			@include('common.doctor.form')
		</div>
		<div class="col-xl-6 col-md-6 col-sm-6">
			@include('common.doctor.chamber.form')
		</div>
		<div class="col-md-12 mb-5">
			<button type="submit" class="float-right btn btn-dark waves-effect waves-light">Save Doctor</button>
		</div>
	</form>
	<!-- </div> -->
	<style type="text/css">
		label {font-weight: normal; color: #8e8e8e;}
		.multi_option{padding:4px 0px;border-bottom:1px solid silver;}
	</style>

@endsection