{{ Form::open(array('url' => $action, 'method' => $method)) }}

<div class="row">
	<div class="col-md-6">
		{{ Form::wysiwyg('history', "Sejarah (ID)", $history->description, ['required'], 200) }}
	</div>
	<div class="col-md-6">
		{{ Form::wysiwyg('history_en', "Sejarah (EN)", $history->value1, ['required'], 200) }}
	</div>
</div>

<div class="row">
	<div class="col-12">
		<label class="label-control">Milestone</label>
	</div>
	<div class="col-sm-4 col-md-2">
	    {!! Form::selectYear("year", $year[0], $year[1], null, array_merge(['class' => 'form-control', 'placeholder' => 'Tahun', 'id'=>'year'])) !!}
	</div>
	<div class="col-sm-4 col-md-5">
	    {{ Form::defName('description', "Deskripsi (ID)", null, ['maxlength="500"'],false) }}
	</div>
	<div class="col-sm-4 col-md-5">
	    {{ Form::defName('description_en', "Deskripsi (EN)", null, ['maxlength="500"'],false) }}
	</div>
</div>

@if(count($milestone) > 0)
<table class='table table-striped table-bordered'>
	<thead class="thead-dark">
		<tr>
			<th>Tahun</th>
			<th>Deskripsi (ID)</th>
			<th>Deskripsi (EN)</th>
			<th width="35px">Action</th>
		</tr>
	</thead>
	<tbody>
		@foreach($milestone as $key => $data)
		<tr">
			<td>{{$data->year}}</td>
			<td>{{$data->description}}</td>
			<td>{{$data->description_en}}</td>
			<td><a href="{{Route('about-us.milestone.delete',$key)}}"><button type="button" class="btn btn-sm btn-outline-danger btn-icon btn-delete">
                        <i class="mdi mdi-delete"></i>
                      </button></a></td>
		</tr>
		@endforeach
	</tbody>
</table>
@endif
{{ Form::defSubmitDefault('UPDATE') }} <button type="button" class="btn btn-rounded btn-info" data-toggle="modal" data-target="#show-modal-history" id="btn-view">Lihat</button>

{{ Form::close() }}

<div class="modal" id="show-modal-history">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Lihat</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
        	<div id="modal-body-history"></div>
            
            @if(count($milestone) > 0)
			<table class='table table-striped table-bordered'>
				<thead class="thead-dark">
					<tr>
						<th>Tahun</th>
						<th>Deskripsi (ID)</th>
						<th>Deskripsi (EN)</th>
						<th width="35px">Action</th>
					</tr>
				</thead>
				<tbody>
					@foreach($milestone as $key => $data)
					<tr">
						<td>{{$data->year}}</td>
						<td>{{$data->description}}</td>
						<td>{{$data->description_en}}</td>
						<td><a href="{{Route('about-us.milestone.delete',$key)}}"><button type="button" class="btn btn-sm btn-outline-danger btn-icon btn-delete">
			                        <i class="mdi mdi-delete"></i>
			                      </button></a></td>
					</tr>
					@endforeach
				</tbody>
			</table>
			@endif
        </div>
        
    </div>
</div>
</div>

@push("scripts")
<script type="text/javascript">
	$(document).ready(function(){
		$("#btn-view").click(function(){
			var description = CKEDITOR.instances['wyiwyg-history'].getData();
			$("#modal-body-history").html(description);
		})
	})
</script>
@endpush