{{-- @extends('layouts.telefonectx') --}}
@extends('layouts.telefone')
@section('content')

<div class="col ">
    {{-- <div class="card">
        <div class="card-head">
            <a id="ramal-btn" href="">Ramal</a>
            <a id="relatorio-btn" href="">Relatorio</a>
            <a id="ajuda-btn" href="">Ajuda</a>
        </div>
    </div> --}}
    <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();
                    // $ramal = session('ramal');
                    @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>
                            
                            @can('ramais.resetpass')
                            <form class="left" action="{{ route('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>
                            @endcan
                        </td>
                    </tr>
                    
                </tbody>
            </table>
        </div>
        
        <div id="formulario" class="card-body">
            <form id="form-edit">
                @csrf
                <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> <!-- Fim da Row -->
                    </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">
            @can('ajuda.create')
            <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('ajuda.create')}}">Cadastrar nova informação</a>
            @endcan
            <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('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>

<style>
    
</style>
@endsection