@extends('layouts.master')
@section('title')
Welcome to our website
@endsection
@section('content')
	<div class="slider-area">
		<div class="container">
			<div class="row">
				<div class="col-sm-9">
					<div id="myCarousel" class="carousel slide" data-ride="carousel">
					    <div class="carousel-inner">
			                @foreach($getSlider as $slider)
					       	<div class="item">
					        	<img src="/{{$slider->image}}" alt="{{$slider->title}}">
					     	</div>
					     	@endforeach
						</div>
					    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
					      	<span class="glyphicon glyphicon-chevron-left"></span>
					      	<span class="sr-only">Previous</span>
					    </a>
					    <a class="right carousel-control" href="#myCarousel" data-slide="next">
					      	<span class="glyphicon glyphicon-chevron-right"></span>
					      	<span class="sr-only">Next</span>
					    </a>
					</div>
				</div>
				<div class="col-sm-3 home">
		            <nav class="nav-sidebar">
		                <ul class="nav">
		                    <li class="active"><a href="/about">About Hospital</a></li>
		                    <li><a href="javascript:;">Outpatients Service</a></li>
		                    <li><a href="javascript:;">Inpatients Service</a></li>
		                    <li><a href="javascript:;">Support Service</a></li>
							<li><a href="/inspiration-note">Inspiration Note</a></li>
							<li><a href="/make-appointment">Make Appointment</a></li>
		                </ul>
		            </nav>
				</div>
			</div>
		</div>
	</div>
	
	<div class="department-area">
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<img class="img-responsive" src="uploads/hospital.jpg" alt="hospital">
				</div>
				<div class="col-sm-6 whychose-para">
					<h2>Why Choose Us</h2>
					<p>An organization with equal emphasis on Leadership, Technology, Quality and Passion.</p>
					<h2>What drives us?</h2>
					<ul>
		                <li><i class="fa fa-angle-right"></i> Adhering to high ethical and moral standards at all times</li>
		                <li><i class="fa fa-angle-right"></i> Providing quality health care service in all processes
		                </li>
		                <li><i class="fa fa-angle-right"></i> Making service quality top priority in all we do</li>
		            </ul>
		            <div class="book-app">
		            	<a href="/make-appointment" class="btn btn-lg btn-success">Book An Appointment</a>	            	
		            </div>
				</div>
			</div>
		</div>
	</div>
	<div class="department-area">
		<div class="container">
			<div class="title">
				<h2>Centre Of Exellence</h2>
				<div class="divider">
					<img src="/uploads/divider-icon.png" alt="">
				</div>
			</div>
		@foreach($departments as $department)
			<div class="col-sm-4 single-content">
				<div class="content-area">
					<img src="/{{ $department->image }}" class="img-responsive">
					<div class="content-title">
						<h2>{{$department->title}}</h2>
					</div>
					<p>{!! str_limit(strip_tags($department->details), 130) !!} <a href="{{ url('department-list', [$department->id, make_slug($department->title)] )}}"> Read More</a></p>
				</div>
			</div>
		@endforeach
			<div class="col-sm-12 text-center"><a class="btn btn-sm btn-info" href="/department-list">View All Department</a></div>
		</div>
	</div>
	<div class="department-area">
		<div class="container">
			<div class="row">
				<div class="title">
					<h2>Latest News</h2>
					<div class="divider">
						<img src="/uploads/divider-icon.png" alt="">
					</div>
				</div>
		@foreach($events as $blog)
			<div class="col-sm-4 single-content">
				<div class="content-area">
					<img src="/{{ $blog->image }}" class="img-responsive">
					<div class="content-title">
						<h2>{{$blog->title}}</h2>
					</div>
					<span>{{ $blog->created_at->format('j M Y') }}</span>
					<p>{!! str_limit(strip_tags($blog->description), 130) !!} <a href="{{ url('news-event', [$blog->id, make_slug($blog->title)] )}}"> Read More</a></p>
				</div>
			</div>
		@endforeach
			</div>
		</div>
	</div>
	<div class="counter-area">
		<div class="counter-bg">
	        <div class="container">
	            <div class="col-md-4">
	                <div class="counter-box ">
	                    <i class="fa fa-trophy"></i>                        
	                    <div class="counter-style">40+</div>
	                    <div class="counter-lable">Consultation Rooms</div>
	                </div>
	            </div>
	            <div class="col-md-4">
	                <div class="counter-box">
	                    <i class="fa fa-bed"></i>                        
	                    <div class="counter-style">100+</div>
	                    <div class="counter-lable">In Patients Bed</div>
	                </div>
	            </div>
	            <div class="col-md-4">
	                <div class="counter-box">
	                    <i class="fa fa-user-md"></i>                        
	                    <div class="counter-style">200+</div>
	                    <div class="counter-lable">Staff</div>
	                </div>
	            </div>
	        </div>		
		</div>
    </div>
    <div class="support-service-area">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="features-list-title">Support Service</div>
                    <ul>
                        <li><i class="fa fa-check about-list-arrows"></i> Professional USA-standard housekeeping &amp; cleaning services</li>
                        <li><i class="fa fa-check about-list-arrows"></i> 24-hours pharmacy services</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Convenient &amp; secured car parking</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Full-service cafeteria &amp; snacks cafe</li>
                        <li><i class="fa fa-check about-list-arrows"></i> WiFi access</li>
                        <li><i class="fa fa-check about-list-arrows"></i> USA-standard safety &amp; security system</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Prayer rooms</li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <div class="features-list-title">Support Service</div>
                    <ul>
                        <li><i class="fa fa-check about-list-arrows"></i> 3-Testa Super silent MRI</li>
                        <li><i class="fa fa-check about-list-arrows"></i> 500 slice CT Scan</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Digital X-ray, BMD</li>
                        <li><i class="fa fa-check about-list-arrows"></i> EGG, ECHO, ETT, EEG, EMG, NLV</li>
                        <li><i class="fa fa-check about-list-arrows"></i> 24-hour Holter Monitor</li>
                        <li><i class="fa fa-check about-list-arrows"></i> 24-hour Ambulatory BP</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Mammography</li>
                        <li><i class="fa fa-check about-list-arrows"></i> 4D Ultrasound</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Pulmonary Function Test</li>
                        <li><i class="fa fa-check about-list-arrows"></i> Endoscopy, Bronchoscopy, ERCP</li>
                        <li><i class="fa fa-check about-list-arrows"></i> State-of-the-art clinical laboratory</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
@endsection