@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-header border-0 topo-ramais">
            <h1 class="float-left">Lista de Ramais</h1>
            
            <form action="{{ route('ramais.search') }}" method="POST" class="navbar-search navbar-search-light form-inline mr-sm-3" id="navbar-search-main">
                @csrf
                <div class="form-group mb-0">
                    <div class="input-group input-group-alternative input-group-merge">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-search"></i></span>
                        </div>
                        <input class="form-control" placeholder="Pesquisar" type="text" name="search">
                    </div>
                </div>
                <button type="button" class="close" data-action="search-close" data-target="#navbar-search-main" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </form>
            
            <div>
                @can('ramais.create')
                <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('ramais.create')}}">Novo Ramal</a>
                @endcan
                
                @can('ramais.createLote')
                <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('ramais.createLote')}}">Ramal em Lote</a>
                @endcan
            </div>
        </div>
        
        <div class="card-header">
            <p>Você pode criar ramais para cada usuário de sua empresa. De ramal pra ramal é sempre gratuito e você poderá configurar ramais em Softphone / ATAs ou outros dispositivos SIP. </p>
        </div>
        
    </div>
    @if(isset($palavra))
    <div class="card">
        <div class="card-header">
            <h3>Resultado</h3>
        </div>
        <div class="card-body pesquisa-ramal">
            <p><span>Palavra Pesquisada</span>{{ $palavra }}</p>
            <p><span>Resultados</span>{{ count($ramais) }}</p>
            <a class="btn bg-{{ session('template')->nome }}" href="{{ route('ramais.index') }}">Exibir todos os ramais</a>
        </div>
    </div>
    @endif
    <div class="card">
        <div class="card-body">
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Nome</th>
                        <th>Ramal</th>
                        <th class="text-center">Gravação</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Tipo</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($ramais as $ramal)
                    <tr>
                        <td>{{ $ramal->alias_name }}</td>
                        <td><a href="" data-toggle="modal" data-target="#modal{{$ramal->alias}}" title="Clique para visualizar a senha SIP">{{ $ramal->alias }}</a></td>
                        
                        @if($ramal->gravacao == "N")
                        <td class="text-center"><i style="color:#990000;" class="fa fa-times-circle" aria-hidden="true" title="Desabilitado."></i></td>
                        @else
                        <td class="text-center"><i style="color:#009900;" class="fa fa-check-circle" aria-hidden="true" title="Habilitado."></i></td>
                        @endif
                        
                        
                        @if(isset($status[$ramal->name]) && $status[$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
                        
                        @if($ramal->amaflags == "webrtc")
                        <td class="text-center">Web</td>
                        @else
                        <td class="text-center">Sip</td>
                        @endif
                        
                        <td class="actions users">
                            @can('ramais.edit')
                            <a class="btn btn-default btn-sm left" href="{{route('ramais.web', $ramal->id)}}" title="Acesso Web"><i class="fas fa-wifi"></i> Web</a>
                            
                            <a class="btn btn-primary btn-sm left" href="{{route('ramais.edit', $ramal->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                            @endcan
                            
                            @can('ramais.delete')
                            <form class="left" action="{{ route('ramais.delete', $ramal->id)}}" method="POST">
                                {{ csrf_field() }}
                                @method('DELETE')
                                <button onclick="return confirm('Tem certeza que deseja excluir')" type="submit" class="btn btn-danger btn-sm" title="Excluir"><i class="fas fa-trash"></i></button>
                            </form>
                            @endcan
                            
                            @can('ramais.resetpass')
                            <form class="left" action="{{ route('ramais.resetpass', $ramal->id)}}" method="POST">
                                {{ csrf_field() }}
                                @method('PUT')
                                <button type="submit" class="btn btn-info btn-sm" title="Gerar nova senha aleatória"><i class="fas fa-key"></i></button>
                            </form>
                            @endcan
                            
                            @can('ramais.encription')
                            <a class="btn btn-light btn-sm" href="" data-toggle="modal" data-target="#modalEnc{{$ramal->alias}}" title="Criptografar Áudio"><i class="fas {{ ($ramal->mediaencryption == "n" ? "fa-lock-open text-warning" : "fa-lock" ) }}"></i></a>
                            
                            @endcan
                        </td>
                    </tr>
                    
                    {{-- Modal para detalhes do Ramal --}}
                    <div class="modal fade" id="modal{{$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 {{$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>Servidor:</b> {{ (isset($config->smallUrl) ? $config->smallUrl : " - ") }} </p>
                                    <p> <b>Usuario:</b> {{ $ramal->name }} </p>
                                    <p> <b>Senha:</b> {{ $ramal->secret }} </p>
                                    <p> <b>Porta:</b>  {{ (isset($config->sipPort) ? $config->sipPort : " - ") }} </p>
                                    
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    {{-- Modal para Encryption --}}
                    <div class="modal fade" id="modalEnc{{$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>Criptografia de Áudio</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>Atenção:</b> </p>
                                    <p>Ao Marcar o ramal para utilizar a criptografia do áudio, é necessário que todos os aparelhos tenham suporte a essa opção, caso contrário, o ramal em questão não irá funcionar.</p>
                                </div>
                                
                                <div class="modal-footer">
                                    <div>
                                        <p><b>OBS.:</b> Atualmente o ramal <b>{{ $ramal->alias}}</b> esta marcado para 
                                            @if($ramal->mediaencryption == "y")
                                            <b> Criptografar </b>
                                            @else
                                            <b> Não Criptografar </b>
                                            @endif
                                            os áudios
                                        </p>
                                    </div>
                                    
                                    <div>
                                        @if($ramal->mediaencryption == "y")
                                        <a href="{{ route('ramais.encription', $ramal->id)}}" class="btn btn-success btn-sm" title="Desencriptografar o áudio">Descriptografar</a>
                                        @else
                                        <a href="{{ route('ramais.encription', $ramal->id)}}" class="btn btn-success btn-sm" title="Encriptografar o áudio"> Criptografar</a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection