@extends('layouts.dashboard')
@section('pg-body')

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"/>
<section class="wf100 subheader">
    <div class="container">
       <h2>Obra</h2>
       <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li> <a href="{{url('obras')}}">Obras</a> </li>
            <li>Obra</li>
        </ul>
    </div>
 </section>
<div class="main-content">
	<div class="container p60">
		<div class="row">
                    
                    <div class="col-md-12">
                        <div class="well" style="display: table; width: 100%;">
                            <h5>DADOS DA OBRA</h5><br>
                            <div class="spacer"></div>
                            <div class="col-md-2 mb-3">
                                <label>Local da Obra</label>
                                <input type="text" readonly class="form-control" value="{{$obra->local}}">
                            </div>
                            <div class="col-md-2 mb-3">
                                <label>Data de Inico</label>
                                <input type="text" readonly class="form-control" value="">
                            </div>
                            <div class="col-md-2 mb-3">
                                <label>Data de Termino</label>
                                <input type="text" readonly class="form-control" value="">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label>Secretaria</label>
                                <input type="text" readonly class="form-control" value="{{$obra->secretarias->nome}}">
                            </div>
                            <div class="col-md-2 mb-3">
                                <label>Situação</label>
                                <input type="text" readonly class="form-control" value="{{$obra->status}}">
                            </div>
                            
                            <div class="col-md-4 mb-3" style="clear: both!important">
                                <label>Fonte de Recurso</label>
                                <input type="text" readonly class="form-control" value="{{$obra->fonte_recurso}}">
                            </div>
                            <div class="col-md-2 mb-3" style="">
                                <label>Valor Estimado</label>
                                <input type="text" readonly class="form-control" value="{{number_format($obra->valor,2,',','.')}}">
                            </div>
                            <div class="col-md-2 mb-3" style="">
                                <label>Valor Executado</label>
                                <input type="text" readonly class="form-control" value="{{number_format($obra->valor-$obra->saldo,2,',','.')}}">
                            </div>
                            <div class="col-md-2 mb-3" style="">
                                <label>Percentual</label>
                                <input type="text" readonly class="form-control" value="{{number_format(abs((($obra->saldo/$obra->valor)*100)-100),2)}}%">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label>Objeto</label>
                                <textarea class="form-control" readonly style="height: 150px;">{{strip_tags($obra->objeto)}}</textarea>
                            </div>
                            @if($obra->arquivo != '')
                            <br>
                            <div class="col-md-12 mb-3">
                                <label>Arquivo</label>
                                <a href="{{asset('upload/obras').'/'.$obra->arquivo}}" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Baixar</a>
                            </div>
                            @endif
                        </div><!-- Well -->
                    </div>
                    
                    <main class="col-xs-12" role="main">
                            <div class="row">
                                    <div class="department-details">
                                            <h5>Etapas</h5><br>
                                            <table id="example" class="table table-striped table-bordered" style="width:100%">
                                                <thead>
                                                    <tr>
                                                        <th>Descrição</th>
                                                        <th>Período</th>
                                                        <th>Valor Executado</th>
                                                        <th>Empresa Contratada</th>
                                                        <th>Situação</th>
                                                        <th>Arquivo</th>
                                                    </tr>
                                                </thead>
                                                <tbody>                                                        
                                                    <tr><td style="text-align: center;" colspan="4">Nenhum documento foi encontrado!</td></tr>                                                </tbody>
                                            </table>
                                    </div>
                            </div>
                    </main>
                    
                    <main class="col-xs-12" role="main">
                            <div class="row">
                                    <div class="department-details">
                                            <h5>Documentos</h5><br>
                                            <table id="example" class="table table-striped table-bordered" style="width:100%">
                                                <thead>
                                                    <tr>
                                                        <th>Nome</th>
                                                        <th>Data</th>
                                                        <th>Arquivo</th>
                                                    </tr>
                                                </thead>
                                                <tbody>                                                        
                                                    <tr><td style="text-align: center;" colspan="3">Nenhum documento foi encontrado!</td></tr>                                                </tbody>
                                            </table>
                                    </div>
                            </div>
                    </main>
                    
		</div>
	</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>

<script>         
            
</script>

@endsection