@extends('layouts.admin')

@section('title', 'Diário')

@section('content_header')
<div class="d-flex flex-row px-2">
  <div class="mr-auto p-2"><h5>Diário de classe</h5></div>
  <div class="p-8 text-right">        
    <button type="button" class="btn btn-secondary" id="voltar" title="Voltar" onclick="window.location='{{ route("ebd.diarios.index") }}'" >  
        <i class="fa fa-arrow-left" aria-hidden="true"></i>
    </button></div>
</div>
@stop

@section('content')
<div class="container-fluid">
    <div class="card">
        <div class="card-body">
            @if(Session::has('mensagem'))
                <div class="alert alert-success">
                    {{ Session::get('mensagem') }}
                    @php
                        Session::forget('mensagem');
                    @endphp
                </div>
            @endif  
            @if(Session::has('error'))
                <div class="alert alert-danger">
                    {{ Session::get('error') }}
                    @php
                        Session::forget('error');
                    @endphp
                </div>
            @endif                      
            <form action="{{ route("ebd.diarios.update",$diario->id) }}" method="POST">
                @method('PUT')
                <div role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a href="#home" class="nav-link active" aria-controls="home" role="tab" data-toggle="tab">
                                Cadastro
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#profile" class="nav-link" aria-controls="profile" role="tab" data-toggle="tab">
                             Frequência
                            </a>
                        </li>
                    </ul>                    
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="home">                        
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="form-group">
                                        <label for="data">Data</label>
                                        <input type="date" class="form-control" id="data" name="data" value="{{old('data',$diario->data)}}" aria-describedby="dataHelp" required >
                                        <small id="dataHelp" class="form-text text-muted">Informe a data da aula</small>
                                        @error('data')
                                            <div class="error text-danger">{{ $message }}</div>
                                        @enderror                        
                                    </div>                  
                                </div>                
                            </div>
                            <div class="row">
                                <div class="col-sm">
                                    <div class="form-group">
                                        <label for="igreja">Igreja</label>
                                        <select id="igreja" name="igreja" class="form-control" aria-describedby="igrejaHelp" required readonly="readonly" tabindex="-1" aria-disabled="true">
                                            <option value="">Selecione</option>
                                            @foreach($igrejas as $d)
                                                <option value="{{ $d->id }}" {{ old('igreja',$diario->igreja_id) == $d->id ? "selected" : "" }} >{{ $d->nome}}</option>
                                            @endforeach 
                                        </select>
                                        <small id="igrejaHelp" class="form-text text-muted">Selecione a Igreja</small>
                                        @error('igreja')
                                            <div class="error text-danger">{{ $message }}</div>
                                        @enderror                    
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="form-group">
                                        <label for="nome">Classe</label>
                                        <select id="classe" name="classe" class="form-control .disabled" aria-describedby="classeHelp" required aria-describedby="igrejaHelp" required readonly="readonly" tabindex="-1" aria-disabled="true">
                                                <option value="">Selecione</option>
                                                @foreach($classes as $d)
                                                    <option value="{{ $d->id }}" {{ old('classe',$diario->classe_id) == $d->id ? "selected" : "" }} >{{ $d->nome}}</option>
                                                @endforeach 
                                        </select>
                                        <small id="classeHelp" class="form-text text-muted">Selecione a classe</small>
                                        @error('classe')
                                            <div class="error text-danger">{{ $message }}</div>
                                        @enderror                    
                                        </div>                        
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="professor">Professor</label>
                                    <select id="professor" name="professor" class="form-control" aria-describedby="professorHelp" required>
                                        <option value="">Selecione</option>
                                        @foreach($professores as $d)
                                            <option value="{{ $d->id }}" {{ old('professor',$diario->professor_id) == $d->id ? "selected" : "" }} >{{ $d->pessoa->nome}}</option>
                                        @endforeach 
                                    </select>
                                    <small id="professorHelp" class="form-text text-muted">Selecione o professor</small>
                                    @error('aluno')
                                        <div class="error text-danger">{{ $message }}</div>
                                    @enderror                    
                                </div>
                                <div class="form-group">
                                    <label for="tema">Tema da Lição</label>
                                    <input type="text" class="form-control" id="tema" name="tema" value="{{old('tema',$diario->tema)}}" aria-describedby="temaHelp" placeholder="Digite o tema." >
                                    <small id="temaHelp" class="form-text text-muted">Informe aqui o tema trabalhado na lição.</small>
                                    @error('tema')
                                        <div class="error text-danger">{{ $message }}</div>
                                    @enderror
                                </div> 
                                <div class="row">
                                    <div class="col-sm">
                                        <div class="form-group">
                                            <label for="valor_oferta">Ofertas (R$)</label>
                                            <input type="text" class="form-control" id="valor_oferta" name="valor_oferta" value="{{old('valor_oferta',$diario->valor_oferta)}}" data-thousands="." data-decimal="," data-prefix="R$ " aria-describedby="valor_ofertaHelp" >
                                            <small id="valor_ofertaHelp" class="form-text text-muted"></small>
                                            @error('valor_oferta')
                                                <div class="error text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>                        
                                    </div>
                                    <div class="col-sm">
                                        <div class="form-group">
                                            <label for="valor_oferta">Bíblias (Qtde)</label>
                                            <input type="number" class="form-control" id="quantidade_biblias" name="quantidade_biblias" value="{{old('quantidade_biblias',$diario->quantidade_biblias)}}" aria-describedby="quantidade_bibliasHelp" >
                                            <small id="quantidade_bibliasHelp" class="form-text text-muted"></small>
                                            @error('quantidade_biblias')
                                                <div class="error text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>                        
                                    </div>
                                    <div class="col-sm">
                                        <div class="form-group">
                                            <label for="quantidade_hinarios">Hinários (Qtde)</label>
                                            <input type="number" class="form-control" id="quantidade_hinarios" name="quantidade_hinarios" value="{{old('quantidade_hinarios',$diario->quantidade_hinarios)}}" aria-describedby="quantidade_hinariosHelp" >
                                            <small id="quantidade_hinariosHelp" class="form-text text-muted"></small>
                                            @error('quantidade_hinarios')
                                                <div class="error text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>                        
                                    </div>
                                    <div class="col-sm">
                                        <div class="form-group">
                                            <label for="quantidade_visitantes">Visitantes (Qtde)</label>
                                            <input type="number" class="form-control" id="quantidade_visitantes" name="quantidade_visitantes" value="{{old('quantidade_visitantes',$diario->quantidade_visitantes)}}" aria-describedby="quantidade_visitantesHelp" >
                                            <small id="quantidade_visitantesHelp" class="form-text text-muted"></small>
                                            @error('quantidade_visitantes')
                                                <div class="error text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>                        
                                    </div> 
                                    <div class="col-sm">
                                        <div class="form-group">
                                            <label for="quantidade_revistas">Revistas (Qtde)</label>
                                            <input type="number" class="form-control" id="quantidade_revistas" name="quantidade_revistas" value="{{old('quantidade_revistas',$diario->quantidade_revistas )}}" aria-describedby="quantidade_revistasHelp" >
                                            <small id="quantidade_revistasHelp" class="form-text text-muted"></small>
                                            @error('quantidade_revistas')
                                                <div class="error text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>                        
                                    </div>                                                                                                
                                </div>  
                                <div class="row">
                                    <div class="col-sm">
                                        <div class="form-group">
                                            <label for="anotacoes">Anotações</label>
                                            <textarea class="form-control" id="anotacoes" name="anotacoes" rows="3" aria-describedby="anotacoesHelp" >{{old('anotacoes', $diario->anotacoes)}}</textarea> 
                                            <small id="anotacoesHelp" class="form-text text-muted"></small>
                                            @error('anotacoes')
                                                <div class="error text-danger">{{ $message }}</div>
                                            @enderror                                                               
                                        </div>
                                    </div>
                                </div>                 
                                <div>
                                    <button type="submit" class="btn btn-primary">Salvar</button>      
                                </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-1">
                                <label>Igreja</label>
                                </div>
                                <div class="col-sm">
                                {{$diario->igreja->nome}}
                                </div>
                            </div>
                            <div class="row ">
                                <div class="col-sm-1">
                                <label>Classe</label>
                                </div>
                                <div class="col-sm">
                                {{$diario->classe->nome}}
                                </div>
                            </div>
                            <div class="row ">
                                <div class="col-sm-1">
                                <label>Data</label>
                                </div>
                                <div class="col-sm">
                                {{ $diario->data != null ? date('d/m/Y', strtotime($diario->data)) : $diario->data }}
                                </div>
                            </div>
                            
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th scope="col">#</th>
                                            <th scope="col-2">Situação</th>
                                            <th scope="col-1">Matrícula</th>
                                            <th scope="col">Aluno</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($frequencias as $c)
                                        <tr id="row{{$c->id}}">
                                            <th scope="row">{{$c->id}}</th>
                                            <td class="form-inline">
                                                <form method="post" class="form-inline" >
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input ativar"  id="{{$c->id}}" {{ $c->situacao == 'Presente' ? "checked" : "" }}>
                                                        <label class="custom-control-label" for="{{$c->id}}">{{ $c->situacao }}</label>
                                                    </div>
                                                </form>
                                            </td>
                                            <td>{{$c->pessoa->matricula}}</td>
                                            <td>{{$c->pessoa->nome}}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>                            
                        </div>                        
                    </div>
                </div>          
            </form>
        </div>
    </div>
</div>
@stop

    <link rel="stylesheet" href="/css/admin_custom.css">
    <style>
        select[readonly] {
            background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
            pointer-events: none;
            touch-action: none;
        }    
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
    <script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>    
    <script> 
        var _token = $('input[name="_token"]').val();
        console.log('Cadastro'); 
        $(document).ready(function($){
            _token = $('input[name="_token"]').val();
            $("#valor_oferta").inputmask( 'currency',{"autoUnmask": true,
            radixPoint:",",
            groupSeparator: ".",
            allowMinus: false,
            prefix: 'R$ ',            
            digits: 2,
            digitsOptional: false,
            rightAlign: true,
            unmaskAsNumber: true 
            });          
        });   
        
        $(document).on('click', '.ativar', function(){
            _token = $('input[name="_token"]').val();
            var parent = $(this).parent();
            var id = $(this).attr("id");
            var row = 'row'+id;
                if(confirm("Tem certeza que atualizar este registro?"))
                {
                $.ajax({
                    url:"{{ route('ebd.diarios.ativar') }}",
                    method:"POST",
                    data:{id:id, _token:_token},
                    success:function(data)
                    {
                        /*parent.closest("tr").remove();*/
                        update_row(data,row);                    
                        console.log('Atualizado!');
                    }
                });
            }
        });     
        
        function update_row(res, row){
            _token = $('input[name="_token"]').val();
            var linha = $("#"+row);
            let htmlView = '';
                id = res.frequencia.id; 
                htmlView +='<tr id="row'+id+'">';
                htmlView +='<td contenteditable class="column_name" data-column_name="first_name" data-id="'+res.frequencia.id+'">'+res.frequencia.id+'</td>';
                if(res.frequencia.situacao=='Presente'){
                    htmlView +='<td contenteditable class="column_name form-inline" data-column_name="first_name" data-id="'+res.frequencia.id+'"><form method="post" class="form-inline" ><div class="custom-control custom-checkbox"><input type="checkbox" class="custom-control-input ativar" checked id="'+res.frequencia.id+'"><label class="custom-control-label" for="'+res.frequencia.id+'"></label></div></form>'+res.frequencia.situacao+'</td>';
                }else{
                    htmlView +='<td contenteditable class="column_name form-inline" data-column_name="first_name" data-id="'+res.frequencia.id+'"><form method="post" class="form-inline" ><div class="custom-control custom-checkbox"><input type="checkbox" class="custom-control-input ativar" id="'+res.frequencia.id+'"><label class="custom-control-label" for="'+res.frequencia.id+'"></label></div></form>'+res.frequencia.situacao+'</td>';
                }
                
                
                htmlView +='<td contenteditable class="column_name" data-column_name="first_name" data-id="'+res.frequencia.id+'">'+res.frequencia.pessoa.matricula+'</td>';
                htmlView +='<td contenteditable class="column_name" data-column_name="first_name" data-id="'+res.frequencia.id+'">'+res.frequencia.pessoa.nome+'</td>';
                linha.replaceWith(htmlView);
        }                
    </script>