@extends('layouts.app')

@section('content')
    <div class="block-header">
        <h2>{{trans('validation.attributes.fechamento')}}
        </h2>
    </div>

    {!! Layout::openCard() !!}

    <div class="row">
        <div class="col-lg-2">
            <strong>{{trans('validation.attributes.periodo')}}:</strong>
        </div>
        <div class="col-lg-3">
            {{DateAndTime::convertDatabaseToVisual($fechamento->data_inicial)}}
            até
            {{DateAndTime::convertDatabaseToVisual($fechamento->data_final)}}
        </div>

        <div class="col-lg-2">
            <strong>{{trans('validation.attributes.quantidade_aulas')}}:</strong>
        </div>
        <div class="col-lg-1">
            {{$fechamento->quantidade_aulas}}
        </div>

        <div class="col-lg-1">
            <strong>{{trans('validation.attributes.valor')}}:</strong>
        </div>
        <div class="col-lg-2">
            {{\Devguar\OContainer\Util\NumbersHelper::convertDatabaseToVisualCurrency($fechamento->valor)}}
        </div>
    </div>

    {!! Layout::closeCard() !!}

    {!! Layout::openCard("Título") !!}

    @include('contextousuario.titulos.read-cabecalho')

    <div class="row">
        <div class="col-lg-12">
            {!! Layout::buttonRead(\App\Http\Controllers\ContextoUsuario\ContasPagarController::urlMethod('read', ['id' => $titulo->id]), array('label'=>'Visualizar título em detalhes')) !!}
        </div>
    </div>

    {!! Layout::closeCard() !!}

    {!! Layout::openCard('Aulas deste fechamento') !!}

    <div class="row">
        <div class="col-lg-12">
            <div id="custom-toolbar-fechamentos-imprimir">
                {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDinamic('#', 'print-tabela-aulas', 'default', 'printer', 'Imprimir', true) !!}
            </div>

            <table id="table-detalhes-aulas-fechamento"
                   class="tabela-dinamica"
                   data-toggle="table"
                   data-search="true"
                   data-toolbar="#custom-toolbar-fechamentos-imprimir">
                <thead>
                <tr>
                    <th data-field="data" data-sortable="true">{{trans('validation.attributes.data')}}</th>
                    <th data-field="horario" data-sortable="true">{{trans('validation.attributes.horario')}}</th>
                    <th data-field="fechamento_quantidade_horas" data-sortable="true">Horas</th>
                    <th data-field="fechamento_valor_hora" data-sortable="true">Valor hora</th>
                    <th data-field="fechamento_valor_total" data-sortable="true">Total</th>
                    <th data-field="curso" data-sortable="true">{{trans('validation.attributes.curso')}}</th>
                    <th data-formatter="bootstrapTableButtons"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($aulas as $aula)
                <tr>
                    <td>
                        {{\Devguar\OContainer\Util\DateAndTimeHelper::convertDatabaseToVisual($aula->data)}}
                    </td>
                    <td>
                        {{$aula->hora_ini}} a {{$aula->hora_fim}}
                    </td>
                    <td>
                        {{$aula->fechamento_quantidade_horas}}
                    </td>
                    <td>
                        {{$aula->fechamento_valor_hora}}
                    </td>
                    <td>
                        {{$aula->fechamento_valor_total}}
                    </td>
                    <td>
                        {{$aula->curso->descricao}}
                    </td>
                    <td>
                        {!! Layout::buttonReadIcon(\App\Http\Controllers\ContextoUsuario\AulasController::urlMethod('read',$aula->id),array('target'=>'_blank','add-class'=>'hidden-print')) !!}
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    {!! Layout::closeCard() !!}

    {!! Layout::buttonPreviousIcon() !!}
@endsection

@push('scripts')
<script>
    $(document).ready(function(){
        $("#btn_print-tabela-aulas").on("click",function (e) {
            e.preventDefault();

            var cabecalho = "{{$profissional->nome}} de {{DateAndTime::convertDatabaseToVisual($fechamento->data_inicial)}} até {{DateAndTime::convertDatabaseToVisual($fechamento->data_final)}}";
            var conteudo = "<p>" + cabecalho + "</p><table class='small'>" + $("#table-detalhes-aulas-fechamento").html() + "</table>";
            printElement(conteudo);
        })
    });
</script>
@endpush