@php
$anuncio = explode('/', $fila->announce);
$musiconhold = explode('-', $fila->musiconhold);
@endphp

@extends('layouts.argo')
@section('content')

<div class="col">
    <div class="card">
        <div class="card-header header-0">
            <h3 class="mb-0">Atualizar Fila de Atendimento</h3>
        </div>
        
        <form action="{{route('filas.update', $fila->id)}}" method="post" id="formulario" enctype="multipart/form-data">
            @method(' PUT')
            @csrf
            
            <div class="card-body">
                
                <div class="row form-row">
                    <div class="col-md-6">
                        <label for="descricao">Nome da Fila de Atendimento</label>
                        <input required class='form-control' type="text" id="descricao" name="descricao" value="{{$fila->descricao }}">
                    </div>
                    
                    <div class="col-md-3">
                        <label for="qId">Ramal Vinculado
                            <a href="#" class="red-tooltip" title="Ramal vinculado é um número de ramal que será utilizado quando você precisa transferir a chamada novamente para a fila." data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <input required class='form-control' type="text" id="qId" name="qId" value="{{ (isset($fila->alias->qId) ? $fila->alias->qId : "") }}">
                    </div>
                    
                    <div class="col-md-3">
                        <label for="record">Gravar Fila?
                            <a href="#" class="red-tooltip" title="Por padrão a gravação vem marcada como sim, caso não deseje gravar as ligações, desmarque essa opção" data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <select class="form-control" name="record" id="record">
                            <option {{ $fila->record == "1" ? "selected" : "" }} value="1">Sim</option>
                            <option {{ $fila->record == "0" ? "selected" : "" }} value="0">Não</option>
                        </select>
                    </div>
                </div>
                
                <div class="row form-row">
                    <div class="col-md-4">
                        <label for="strategy">Distribuição de Chamadas</label>
                        <select class="form-control" name="strategy" id="strategy">
                            <option {{ $fila->strategy == "ringall" ? "selected" : "" }} value="ringall">Tocar todos ao mesmo tempo</option>
                            <option {{ $fila->strategy == "random" ? "selected" : "" }} value="random">Tocar um por um aleatório</option>
                            <option {{ $fila->strategy == "rrmemory" ? "selected" : "" }} value="rrmemory">Tocar um por um equilibrado</option>
                            <option {{ $fila->strategy == "linear" ? "selected" : "" }} value="linear">Tocar ordenadamente</option>
                        </select>
                    </div>
                    
                    <div class="col-md-4">
                        <label for="qtimeout">Tempo Limite de Espera
                            <a href="#" class="red-tooltip" title="Deixe em INFINITO caso você queira que toque até algum ramal desse grupo atender a chamada ou escolha um TEMPO e uma AÇÃO a ser feita quando atingir esse tempo limite." data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <select class="form-control" name="qtimeout" id="qtimeout">
                            <option {{ $fila->qtimeout == "0" ? "selected" : "" }} value="0">Infinito</option>
                            <option {{ $fila->qtimeout == "15" ? "selected" : "" }} value="15">15</option>
                            <option {{ $fila->qtimeout == "45" ? "selected" : "" }} value="45">45</option>
                            <option {{ $fila->qtimeout == "90" ? "selected" : "" }} value="90">90</option>
                            <option {{ $fila->qtimeout == "120" ? "selected" : "" }} value="120">120</option>
                            <option {{ $fila->qtimeout == "180" ? "selected" : "" }} value="180">180</option>
                        </select>
                    </div>
                    
                    <div class="col-md-4">
                        <label for="announce_position">Anunciar posição da Fila?
                            <a href="#" class="red-tooltip" title="Ao selecionar a opção SIM, a cada 15 segundos é tocado um áudio informando a posição da fila para o Cliente. Obs: Para que a musica toque para o cliente é preciso marcar a opção 'Música de Espera como Padrão' " data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <select class="form-control" name="announce_position" id="announce_position">
                            <option {{ (isset($fila->announce_position) && $fila->announce_position == "yes" ? "selected" : "") }} value="yes">Sim</option>
                            <option {{ (isset($fila->announce_position) && $fila->announce_position == "no" ? "selected" : "") }} value="no">Não</option>
                        </select>
                    </div>
                    
                </div>
                
                <div class="row form-row" id="redirTo">
                    <div class="col-md-4">
                        <label for="redir">Redirecionar para</label>
                        <select class="form-control" name="redir" id="redir">
                            <option value="">Escolha uma opção</option>
                            <option {{ substr($fila->redirto, 0, 1) == "R" ? "selected" : "" }} value="R">Ramal</option>
                            <option {{ substr($fila->redirto, 0, 1) == "F" ? "selected" : "" }} value="F">Fila</option>
                        </select>
                    </div>
                    <div class="col-md-8" id="redirRamal">
                        <label for="redirRamal">Escolha um Ramal</label>
                        <select class="form-control" name="redirRamal" >
                            <option value="">Escolha um Ramal</option>
                            @foreach($ramais as $ramal)
                            <option {{ substr($fila->redirto, 1) == $ramal->id ? "selected" : "" }} value="{{ $ramal->id }}">{{ $ramal->alias_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    @php
                    $tipo = substr($fila->redirto, 0, 1);
                    $tipo2 = substr($fila->redirto, 1);
                    @endphp
                    <div class="col-md-8" id="redirFila">
                        <label for="redirFila">Escolha uma Fila</label>
                        <select class="form-control" name="redirFila">
                            <option value="">Escolha uma Fila</option>
                            @foreach($filas as $f)
                            <option {{ ($tipo == "F" && $tipo2 == $f->id ? "selected" : "" )  }} value="{{ $f->id }}">{{ $f->descricao }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="row form-row">
                    <div class="col-md-6">
                        <label for="musiconhold">Música de Espera
                            <a href="#" class="red-tooltip" title="Para ter uma música de espera Personalizada você precisa clicar no menu ÁUDIOS, e após em ADICIONAR NOVA MÚSICA DE ESPERA, depois volte nesta tela e selecione PERSONALIZADA" data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <select class="form-control" name="musiconhold" id="musiconhold">
                            <option {{ $fila->musiconhold == "not" ? "selected" : "" }} value="not">Sem Música</option>
                            <option {{ $fila->musiconhold == "default" ? "selected" : "" }} value="default">Padrão</option>
                            <option {{ (isset($fila->musiconhold) && $fila->musiconhold == auth()->user()->id ? "selected" : "") }}  value="custom">Personalizada</option>
                            <optgroup label="Categorias">
                                @foreach($musicas as $musica)
                                <option {{ (isset($musiconhold[1]) && $musiconhold[1] == $musica->id ? "selected" : "" ) }} value="{{ $musica->id }}">{{ $musica->descricao }}</option>
                                @endforeach
                            </optgroup>
                        </select>
                    </div>
                    
                    <div class="col-md-6">
                        <label for="announce">Anúncio para Atendente
                            <a href="#" class="red-tooltip" title="Selecione um áudio que será tocado para o funcionário ao atender uma chamada em um ramal. Recurso ideal para funcionários que atendem em mais de um departamento ao mesmo tempo." data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <select class="form-control" name="announce" id="announce">
                            <option value="">Nenhum</option>
                            @foreach($audios as $audio)
                            @php
                            $nomeAudio = explode('.', $audio->filename);
                            @endphp
                            <option {{ (isset($anuncio[2]) && $anuncio[2] == $nomeAudio[0] ? "selected" : "" ) }} value="{{ $audio->id }}">{{ $audio->alias }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="row form-row">
                    <div class="col-md-12">
                        <label for="ringinuse">Chama ramal ocupado
                            <a href="#" class="red-tooltip" title="Permite chamar um ramal, mesmo que esteja ocupado" data-toggle="tooltip" data-placement="bottom" ><i class="fa fa-question-circle" style="color: #777777;"></i></a>
                        </label>
                        <select class="form-control" name="ringinuse" id="ringinuse">
                            <option {{ $fila->ringinuse == "0" ? "selected" : "" }} value="0">Não</option>
                            <option {{ $fila->ringinuse == "1" ? "selected" : "" }} value="1">Sim</option>
                        </select>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-5">
                        
                        <label for="agentes_disponiveis">Ramais Disponíveis:</label>
                        <select class="form-control" name="selectfrom" id="select-from" multiple="multiple" size="5">
                            
                            @foreach( $disponiveis as $key => $value)
                            <option value="{{ $value->id }}">{{ $value->name }}</option>
                            @endforeach
                            
                        </select>
                    </div>
                    
                    <div class="col-md-1">
                        <br>
                        <div><a href="JavaScript:void(0);" class="btn btn-default fa fa-angle-right btn-sm" id="btn-add"></a></div>
                        <div><a href="JavaScript:void(0);" class="btn btn-default fa fa-angle-left btn-sm" id="btn-remove"></a></div>
                        <div><a href="JavaScript:void(0);" class="btn btn-default fa fa-angle-up btn-sm" id="btn-up"></a></div>
                        <div><a href="JavaScript:void(0);" class="btn btn-default fa fa-angle-down btn-sm" id="btn-down"></a></div>
                    </div>
                    
                    <div class="col-md-6">
                        <label for="">Agentes Selecionados</label>
                        <select required class="form-control" name="selectto[]" id="agentes" multiple="multiple" size="5">
                            @foreach( $membros as $membro)
                            <option value="{{ $membro->id }}">{{ $membro->alias_name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            
            <div class="card-footer">
                <input class="btn bg-{{ session('template')->nome }}" onClick="salvar()" type="submit" value="Atualizar">    
            </div>
        </div>
    </form>
</div>
@endsection