@extends('layouts.master')

@section('page-content')
<div class="title-bar">
	<h1 class="title-bar-title">
		<span class="d-ib">Edit Obituary</span>
	</h1>
</div>
<div class="row">
	<div class="col-sm-8">
	 @if (session()->has('success'))
            <div class="alert alert-success alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong>Success!</strong> {{ Session::get('success') }}
            </div>
        @endif


		<form class="form form-horizontal"  method="post" action="{{ route('update_obituary') }}" enctype="multipart/form-data">
			{{ csrf_field() }}
		<input class="form-control" id="id" type="hidden" name="id" value="{{$obituary->id}}">
		

			<div class="form-group">
				<label class="col-sm-3 control-label" for="expired">Person Expired <span style="color: red;">*</span></label>
				<div class="col-sm-9">
					<input type="text" name="expired_person_name" class="form-control" value="{{$obituary->expired_person_name}}" required="">
				</div>
			</div>
			<!-- <div class="form-group">
				<label class="col-sm-3 control-label" for="expired">Person Expired<span style="color: red;">*</span></label>
				<div class="col-sm-9">
					<input type="text" name="expired_person_name" class="form-control" required="" >
				</div>
			</div> -->

			<div class="form-group">
				<label class="col-sm-3 control-label" for="from">Birth Date</label>
				<div class="col-sm-3">
					<div class="input-with-icon">
						<input class="form-control" id="from" type="text" name="birth_date" data-provide="datepicker" value="{{$obituary->birth_date}}">
						<span class="icon icon-calendar input-icon"></span>
					</div>
				</div>
				<label class="col-sm-3 control-label" for="to">Died On</label>
				<div class="col-sm-3">
					<div class="input-with-icon">
						<input class="form-control" id="to" type="text" data-provide="datepicker" name="died_on" value="{{$obituary->died_on}}">
						<span class="icon icon-calendar input-icon"></span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="Description">Description</label>
				<div class="col-sm-9">
					<textarea class="form-control" name="description" id="Description">{{$obituary->description}}</textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="Description">Description 1</label>
				<div class="col-sm-9">
					<textarea class="form-control" name="description_one" id="Description1">{{$obituary->description_one}}</textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="Description">Description 2</label>
				<div class="col-sm-9">
					<textarea class="form-control" name="description_two" id="Description2">{{$obituary->description_two}}</textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="Description">Description 3</label>
				<div class="col-sm-9">
					<textarea class="form-control" name="description_three" id="Description3">{{$obituary->description_three}}</textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" for="obituary_till">Obituary Till</label>
				<div class="col-sm-9">
					<div class="input-with-icon">
						<input class="form-control" id="obituary_till" name="obituary_date" type="text" data-provide="datepicker" value="{{$obituary->obituary_date}}">
						<span class="icon icon-calendar input-icon"></span>
					</div>
				</div>
			</div>

				<div class="form-group">
				<label class="col-sm-3 control-label" for="photo">Upload Photo</label>
				<div class="col-sm-9">
					@if($obituary->photo)
					<img  id="image_preview" alt="events" src="{{asset($obituary->photo)}}" height="150px" >
					<input type="file" id="photo" onchange="document.getElementById('image_preview').src = window.URL.createObjectURL(this.files[0])" name="profile_image" class="form-control">
					@else

					<div class="col-sm-9">
						<input type="file" id="photo" onchange="document.getElementById('image_preview').src = window.URL.createObjectURL(this.files[0])" name="profile_image" class="form-control" >
					</div>

					@endif
				</div>
			</div>
			<div class="col-sm-offset-3 col-sm-9">
				<button class="btn btn-outline-primary">
					<i class="icon icon-paper-plane"></i> Submit Details
				</button>
			</div>
		</form>
	</div>
	<div class="col-sm-4">
		<img class="img-responsive" id="image_preview" src="#" alt="">
	</div>
</div>
@endsection