@extends(getenv("THEME") . '.layouts.telefone')

@section('content')

<div class="col ">

    <div class="card" id="box-ramal">

        <div class="card-header">

            <h3>Meu Ramal </h3>

        </div>
        
        <div class="card-body">

            <table class="table align-items-center table-flush">

                <thead class="thead-light">

                    <tr>

                        <th>Nome</th>
                        <th>Ramal</th>

                        @if(session('ramal')->amaflags != 'webrtc')

                            <th>Status</th>

                        @endif

                        <th>Ações</th>

                    </tr>

                </thead>

                <tbody>

                    @php

                        $config = DB::table('site_configs')->first();

                    @endphp

                    <tr>

                        <td>{{ session('ramal')->alias_name }}</td>

                        <td><a href="" data-toggle="modal" data-target="#modal{{ session('ramal')->alias}}" title="Clique para visualizar a senha SIP">{{  session('ramal')->alias }}</a></td>
                        
                        <div class="modal fade" id="modal{{ session('ramal')->alias}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

                            <div class="modal-dialog" role="document">

                                <div class="modal-content">

                                    <div class="modal-header">

                                        <h5 class="modal-title" id="exampleModalLabel">
                                            
                                            <b>Configuração do ramal {{ session('ramal')->alias}}</b>
                                        
                                        </h5>

                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                                            <span aria-hidden="true">&times;</span>

                                        </button>

                                    </div>

                                    <div class="modal-body" id="conteudo">

                                        <p>
                                            
                                            <b>Servidor:</b>
                                            
                                            {{ $config->pabxDefault }}.{{ $config->smallUrl }}
                                        
                                        </p>

                                        <p>
                                            
                                            <b>Usuario:</b>
                                            
                                            {{  session('ramal')->name }}
                                        
                                        </p>

                                        <p>
                                            
                                            <b>Senha:</b>
                                            
                                            {{  session('ramal')->secret }}
                                        
                                        </p>

                                        <p>
                                            
                                            <b>Porta:</b>
                                            
                                            {{ $config->sipPort }}
                                        
                                        </p>
                                        
                                    </div>

                                    <div class="modal-footer">

                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>

                                    </div>

                                </div>

                            </div>
                            
                        </div>
                        
                        @if(session('ramal')->amaflags != 'webrtc')

                            @if(isset($status[session('ramal')->name]) && $status[session('ramal')->name]['status'] == 'OK')

                                <td class="text-center">
                                    
                                    <i style="color:#009900;" class="fa fa-check-circle" aria-hidden="true" title="Habilitado."></i>
                                
                                </td>

                            @else

                            <td class="text-center">
                                
                                <i style="color:#990000;" class="fa fa-times-circle" aria-hidden="true" title="Desabilitado."></i>
                            
                            </td>

                            @endif

                        @endif
                        
                        <td class="actions">

                            <a id="botao-editar" class="btn btn-info btn-sm left" title="Editar">
                                
                                <i class="fas fa-edit"></i>
                            
                            </a>
                            
                            
                            {{-- <form class="left" action="{{ route(getenv("THEME") . '.ramais.resetpass', session('ramal')->id)}}" method="POST">

                                {{ csrf_field() }}

                                @method('PUT')

                                <button type="submit" class="btn btn-info btn-sm" title="Alterar Senha"><i class="fas fa-key"></i></button>

                            </form> --}}
                            
                        </td>
                    </tr>
                    
                </tbody>

            </table>

        </div>
        
        <div id="formulario_ramal" class="card-body">

            <form id="form-edit" method="POST" action="{{ route(getenv("THEME") . '.ramais.detalhes') }}">

                {{ csrf_field() }}

                <input type="hidden" name="id_ramal" id="id_ramal" value="{{ session('ramal')->id }}">

                <div class="modal-body" id="conteudo">

                    <div class="form-group">
                        
                        <div class="row form-row">

                            <div class="col-md-8">

                                <label for="alias_name">Nome</label>

                                <input required class='form-control' type="text" id="alias_name" name="alias_name" value="{{$ramal->alias_name}}">

                            </div>
                            
                            <div class="col-md-4">

                                <label for="ramal">Número</label>

                                <input disabled required class='form-control' type="text" id="ramal" name="ramal" value="{{$ramal->alias}}">

                            </div>

                        </div>
                        
                        <div class="row form-row">

                            <div class="col-md-12">

                                <label for="sigame">Redirecionar</label>

                                <select class="form-control" name="sigame" id="sigame" onChange="javascript:selecionaSigame(this.value)">

                                    <option {{ (!isset($setvar['redir']) ? "selected" : "") }} value="0">Não Redirecionar</option>

                                    <option {{ (isset($setvar['redir']) && $setvar['redir'] == "C" ? "selected" : "") }} value="C">Redirecionar para caixa postal</option>

                                    <option {{ (isset($setvar['redir']) && $setvar['redir'] == "R" ? "selected" : "") }} value="R">Redirecionar para outro ramal</option>

                                    <option {{ (isset($setvar['redir']) && $setvar['redir'] == "E" ? "selected" : "") }} value="E">Redirecionar para número externo</option>

                                </select>

                            </div>

                        </div>
                        
                        <div class="form-row">

                            <div class="col-md-6" id="sigame_caixa" style="display: none;">

                                <div class="col-md-12">

                                    <label for="voicemailpass">Senha da caixa postal</label>

                                    <input class='form-control' type="text" id="voicemailpass" name="voicemailpass" value="{{ (isset($setvar['senha']) ? $setvar['senha'] : "") }}">

                                </div>
                                
                                <div class="col-md-12">

                                    <label for="emailvoice">E-mail</label>

                                    <input class='form-control' type="text" id="emailvoice" name="emailvoice" value="{{ (isset($setvar['email']) ? $setvar['email'] : "") }}">
                                    
                                </div>

                            </div>
                            
                            <div class="col-md-6" id="sigame_ramal" style="display: none;">

                                <div class="col-md-12">

                                    <label for="sigameto_ramal">Ramal</label>

                                    <select class="form-control" name="sigameto_ramal" id="sigameto_ramal">

                                        <option value="">Escolha um ramal</option>

                                        @foreach($ramais as $ramal)

                                            <option {{ (isset($setvar['ramal']) && $setvar['ramal'] == $ramal->name ? "selected" : "")   }} value="{{ $ramal->name }}">{{ $ramal->alias_name }}</option>

                                        @endforeach

                                    </select>

                                </div>
                                
                            </div>
                            
                            <div class="col-md-6" id="sigame_externo" style="display: none;">

                                <div class="col-md-12">

                                    <label for="sigameto_exten">Número externo</label>

                                    <input class='form-control' type="text" id="sigameto_exten" name="sigameto_exten" value="{{ (isset($setvar['externo']) ? $setvar['externo'] : "")}}">

                                </div>

                            </div>
                            
                            <div class="col-md-6" id="sigame_quando" style="display: none; ">

                                <div class="col-md-12">

                                    <label for="fw_qdo">Quando:</label>

                                    <div class="row">

                                        <span class="col-md-12">

                                            <input {{ (isset($setvar['ocupado']) ? "checked" : "") }} type="checkbox" name="fw_qdo[]" value="O">
                                            
                                            Ocupado 

                                        </span>

                                        <span class="col-md-12">

                                            <input {{ (isset($setvar['desconectado']) ? "checked" : "") }} type="checkbox" name="fw_qdo[]" value="D" >
                                            
                                            Desconectado 

                                        </span>
                                        
                                        <span class="col-md-12">

                                            <input {{ (isset($setvar['naoatende']) ? "checked" : "") }} type="checkbox" name="fw_qdo[]" value="N"> 
                                            
                                            Não atender em
                                            
                                            <br>

                                            <input type="text" name="segsqdo" id="segsqdo" value="{{ (isset($setvar['segundos']) ? $setvar['segundos'] : "") }}">
                                            
                                            Segundos

                                        </span>

                                    </div>

                                </div>

                            </div>
                            
                        </div>

                    </div>   
                    
                </div>
                <div class="modal-footer">

                    <button class="btn bg-{{ session('template')->nome }}" type="submit" id="atualizar-ramal" >Atualizar</button>

                    {{-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> --}}

                </div>

            </form>

        </div>

        <div id="todos-ramais">
            
            <div class="card-header">

                <h3>Ramais da Empresa</h3>

            </div>
            
            <div class="card-body">

                <table class="table table-flush align-items-center">

                    <thead class="thead-light">

                        <tr>

                            <th>Nome</th>
                            <th>Ramal</th>
                            <th>Status</th>

                        </tr>

                    </thead>

                    <tbody id="ramal-table">

                    </tbody>

                </table>

            </div>

        </div>

    </div>
    
    
    
    <div class="card" id="box-ajuda">

        <div class="card-body">
            
            {{-- <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route(getenv("THEME") . '.ajuda.create')}}">Cadastrar nova informação</a> --}}
            
            <h3 class="mb-0">Ajuda</h3>

        </div>
        
        <div id="ajuda-conteudo">
            
        </div>

    </div>
    
    <div id="box-relatorio">

        <div class="card">

            <div class="card-body">

                @include(getenv("THEME") . '.Painel.relatorios._pesquisa')
                
            </div>

        </div>
        
        <div class="card">

            <div class="card-body">
                
                <div class="table-responsive">

                    <table class="table table-flush align-items-center">

                        <thead class="thead-light">

                            <tr>
                                
                                <th>Data / Hora</th>
                                <th>Bina</th>
                                <th>Origem</th>
                                <th>DID</th>
                                <th>Destino</th>
                                <th>Duração</th>
                                <th>Status</th>
                                <th>Tipo</th>
                                <th>Gravação</th>
                                <th>Pincode</th>

                            </tr>

                        </thead>
                        
                        <tbody id="relatorio-conteudo"></tbody>

                    </table>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection