@extends('metronic.layouts.contabilidade.default')

	{{-- Web site Title --}}
	@section('title') {!! trans("historico.title") !!} -> {{$clienteInfo['denominacaosocial']}}
	@parent @stop

	{{-- CSS files --}}
	@section('styles')
        <!-- styles necessário desta view -->
	@parent @stop

	@section('content')
                <div class="page-content">
									@include('metronic.layouts.contabilidade.flash_messages')
                  @include('metronic.contabilidade.cliente.breadcrumb')

									<section class="panel panel-default hide" id="show-form-add">
											<div class="portlet-body form">
													<div class="row">
														<div class="col-md-12">
															<div class="form-body">
																@include('metronic.contabilidade.cliente.historico_add')
															</div>
														</div>
													</div>
											</div>
									</section>

									@if($historicos->count() == 0)
									<section class="panel panel-default">
											<div class="portlet-body form">
													<div class="row">
													<div class="col-md-12">
																<div class="form-body">
																	<fieldset>
																		<div id="empty-historico" class="alert alert-info {{ $historicos->count() == 0 ? '' : 'hide' }}">
																				<strong>{!! trans("historico.atencao") !!}</strong> {!! trans("historico.nenhum_encontrado") !!}
																		</div>
																	</fieldset>
																</div><!-- /.form-body -->
													</div><!-- /.col -->
													</div><!-- /.row -->
										</div>
									</section>
									@else
										<section class="panel panel-default">
											<div class="portlet light portlet-fit">
												<div class="portlet-body">
													<div class="mt-timeline-2">
                            <div class="mt-timeline-line border-grey-steel"></div>
                                <ul class="mt-container">
																	@foreach($historicos as $historico)
		                                    <li id="li{{$historico->id }}" class="mt-item">
		                                        <div class="mt-timeline-icon bg-blue bg-font-blue border-grey-steel">
		                                            <i class="icon- fa {{ $historico->status->icon }} fa-3x"></i>
		                                        </div>
		                                        <div class="mt-timeline-content">
		                                            <div class="mt-content-container">
		                                                <div class="mt-title">
		                                                    <h3 class="mt-content-title">{{ $historico->status->status }}</h3>
		                                                </div>
		                                                <div class="mt-author">
		                                                    <div class="mt-avatar">
		                                                        <img src="{{(new \App\Helpers\Tools)->theme('images/avatar.png')}}" alt="">
		                                                    </div>
		                                                    <div class="mt-author-name">
		                                                        <a href="javascript:;" class="font-blue-madison">{{ $historico->user->fname }} {{ $historico->user->lname }}</a>
		                                                    </div>
		                                                    <div class="mt-author-notes font-grey-mint">{{ $historico->data }}</div>
		                                                </div>
		                                                <div class="mt-content border-grey-salt">
																											<h4>{{ $historico->status->status }} > {{ $historico->local->local }}</h4>
																												<p>{{isset($historico->comentario) ? $historico->comentario : '[Nenhuma descrição adicionada]'}}</p>
																												@shield('clientes.historico.delete')
																													<button type="button" class="btn btn-circle btn-icon-only red delete" data-id="{{$historico->id}}" data-token="{{csrf_token()}}" data-type="historico" data-titledelete="{!! trans('historico.titledelete') !!}" data-titlesuccess="{!! trans('historico.titledelete_success') !!}" data-url="contabilidade/cliente/historico"><i class="fa fa-trash-o"></i></button>
																												@endshield
		                                                </div>
		                                            </div>
		                                        </div>
		                                    </li>
																		@endforeach
                                </ul>
                              </div>
												</div><!-- /.panel-body -->
											</div>
										</section>
										@endif
                    <!-- END Dados-->
                    <!-- END PAGE BASE CONTENT -->
                </div>

	{{-- JS files --}}
	@section('scripts')
        <!-- BEGIN PAGE LEVEL SCRIPTS -->
				<script src="{{(new \App\Helpers\Tools)->theme('js/cobranca.min.js')}}" type="text/javascript"></script>
        <!-- END PAGE LEVEL SCRIPTS -->
	@parent @stop

@endsection