@extends('helper.include.view.modal', ['id' => 'modal-detalhar-producao', 'class_size' => 'modal-big'])

	@section('modal-header-left')

	<h4 class="modal-title">
		Produção - @{{vm.PRODUCAO.ESTACAO}}
	</h4>

	@overwrite

	@section('modal-header-right')

		<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" data-dismiss="modal" data-hotkey="esc">
		  <span class="glyphicon glyphicon-chevron-left"></span> Voltar
		</button>

	@overwrite

	@section('modal-body')
	
	<div class="tabela-producao-itens">

		<div class="tabela_ccontabil" id="tabela_producao_detalhar"></div>

		<br>
		<div class="alert alert-warning">
			As tabelas abaixo representam as ocorrências de paradas(Talão + Estação) de @{{vm.FILTRO.DATA_INICIAL | date}} à @{{vm.FILTRO.DATA_FINAL | date}}
		</div>
	
	<div class="group-paradas">

		<div class="tabela-paradas-a">
			<div class="tabela_ccontabil" id="tabela_producao_2"></div>
		</div>

		<p>

		<div class="tabela-paradas-s">
			<div class="tabela_ccontabil" id="tabela_producao_3"></div>
			<p>	
			<div class="tabela_ccontabil" id="tabela_producao_4"></div>
		</div>
	</div>

	@overwrite