@extends('layouts.webmaster')

@section('page-content')

<section class="page_breadcrumbs ds background_cover  ">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
 				<ol class="breadcrumb greylinks">
					<li> <a href="index.html">
						Home
					</a> </li>
					<li class="active">Obituary</li>
				</ol>
			</div>
		</div>
	</div>
</section>

<!-- <section class="ls columns_padding_30 mt-50">
	<div class="container">
		<div class="row">
			<div class="orbituary-border">
 -->
				<!-- @if (isset($obituary[0]))
					<div class="col-md-4">
						<div class="orbiruary-img" style="overflow:hidden;">
							<img src=" {{ asset($obituary[0]->photo) }} " class="img-responsive img-thumbnail" width="100%" >
						</div>
					</div>
					<div class="col-md-8">
	                	<h2 class="text-center">{{$obituary[0]->member_name}}</h2>
						<h4 class="text-center">({{$obituary[0]->birth_date}} To {{$obituary[0]->died_on}})</h4>
						<p>{{$obituary[0]->description}}</p>

						<div class="col-md-4  orbirury-box">
							<p>{{$obituary[0]->description_one}}</p>
						</div>
						<div class="col-md-4  orbirury-box" style="border-left: 2px solid #B1506B">
							<p>{{$obituary[0]->description_two}}</p>
						</div>
						<div class="col-md-4  orbirury-box" style="border-left: 2px solid #B1506B">
							<p>{{$obituary[0]->description_three}}</p>
						</div>
					</div>
				@endif -->

			<!--</div>    orbituary-border -->
			<div class="clearfix"></div>
			<div class="orbituary-list mb-50">
				<div class="event-posts row">
										@foreach ($obituary as $key => $value)
                     @php
                     	$count++;
                     @endphp

					@if ($count>0)
				
						<div class="col-md-3">
							<div class="event-img">
								<img src="@if($value->photo){{ asset($value->photo) }}@else{{asset('www/img/profile.jpg')}} @endif" class="img-thumbnail" style="height: 300px;">
							</div>
							<div class="event-name">
								<p>{{$value->expired_person_name}}.</p>
								<small style="font-size:13px;">{{date('d-m-Y', strtotime($value->birth_date))}}</small> -
								<small style="font-size:13px;">{{date('d-m-Y', strtotime($value->died_on))}}</small>
								<button class="theme_button color2 margin_0" data-toggle="modal" data-target="#viewdetails-{{$key}}">View Details</button>
							</div>
						</div>
					@endif

					@endforeach

				</div>
			</div>
		</div>
	</div>
</section>


					@foreach ($obituary as $key => $value)
                     @php
                     	$count++;
                     @endphp

					@if ($count>0)
<!-- Modal -->
<div id="viewdetails-{{$key}}" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <div class="row">
        	<div class="col-md-5">
        		 <h4 class="modal-title" style="color: #C9706B;">{{$value->expired_person_name}}</h4>
        	</div>
        	<div class="col-md-7">
        		<h6 class="modal-title" style="color: #C9706B; margin-top: -10px;">Birth : {{date('d-m-Y', strtotime($value->birth_date))}} <span style="color: black;"> To </span>  Death : {{date('d-m-Y', strtotime($value->died_on))}}</h6>
        	</div>
        </div>
       
       
      </div>
      <div class="modal-body">
      	<div class="row">
      		<div class="col-md-3">
      			<img src="{{ asset($value->photo) }}" class="img-thumbnail">
      			
      		</div>
      		<div class="col-md-9">
      			 <p>{{$value->description}}</p>
      			 <p>{{$value->description_one}}</p>
      			 <p>{{$value->description_two}}</p>
      			 <p>{{$value->description_three}}</p>


      		</div>
      	</div>
       
      </div>
      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div> -->
    </div>

  </div>
</div>

@endif
@endforeach


@endsection