@extends(getenv("THEME") . '.layouts.argo')
@section('content')
<div class="col">   
    
    <div class="card">
        <div class="card-header">
            <h3>Regras de Horário Customizadas</h3>
        </div>
        
        <div class="card-body">
            <p>Defina e Personalize os horários de atendimento telefônico do seu negócio. Para utilizar essa função é necessário três coisas: </p>
            <ul>
                <li>Criar um destino padrão;</li>
                <li>Criar as regras de horário;</li>
                <li>Marcar a opção de Regras personaliadas nas configurações do Número Virtual.</li>
            </ul>
        </div>
    </div>
    
    @if(!isset($redirecionamento))
    <div class="card">
        <div class="card-body">
            <div style="width: 100%" >
                <p class="alert alert-danger text-center">ATENÇÃO</p>
                <div class="flex-row">
                    <p>Você ainda não tem um destino padrão. Caso deseje utilizar as regras customizadas, este item é essencial.</p>
                    
                    @can('timescustom.create')
                    <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route(getenv("THEME") . '.regrascustomizadas.create',$grupo->id)}}">Criar Destino Padrão</a>
                    @endcan
                </div>
            </div>
        </div>
    </div>
    @endif
    
    @if(isset($redirecionamento))
    <div class="card">
        <div class="card-header">
            <h3>Destino caso seja negativo</h3>
        </div>
        <div class="card-body">
            @if ($redirecionamento->grupo_id == $grupo->id)
            
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Tipo</th>
                        <th>Destino</th>
                        <th>Grupo</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        @if($redirecionamento->redir == "A")
                        <td>Áudio</td>
                        <td>{{ $redirecionamento->audios->alias }}</td>
                        @endif
                        
                        @if($redirecionamento->redir == "R")
                        <td>Ramal</td>
                        <td>{{ $redirecionamento->ramais->alias_name }}</td>
                        @endif
                        
                        @if($redirecionamento->redir == "U")
                        <td>Ura</td>
                        <td>{{ $redirecionamento->uras->nome }}</td>
                        @endif
                        
                        @if($redirecionamento->redir == "Q")
                        <td>Fila</td>
                        <td>{{ $redirecionamento->filas->descricao }}</td>
                        @endif
                        
                        @if($redirecionamento->redir == "T")
                        <td>Horário de Atendimento</td>
                        <td>{{ $redirecionamento->times->nome }}</td>
                        @endif
                        
                        <td>{{$redirecionamento->grupos->name}}</td>
                        
                        <td class="actions">
                            @can('timescustom.edit')
                            <a class="btn btn-primary btn-sm left" href="{{route(getenv("THEME") . '.regrascustomizadas.edit', $redirecionamento->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                            @endcan
                            
                            @can('timescustom.delete')
                            <form class="left" action="{{ route(getenv("THEME") . '.regrascustomizadas.delete', $redirecionamento->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
                        </td>
                    </tr>
                </tbody>
            </table>
            @else
            <h3>Esse grupo ainda não possui um redirecionamento</h3>
            @endif
        </div>
    </div>
    @endif
    
    <div class="card">
        <div class="card-header">
            <h3>Regras Customizadas</h3>
            <div class="flex-row">
                <p>Para modificar a ordem das regras, arraste-as para a posição desejada</p>
                @can('timescustom.create')
                <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route(getenv("THEME") . '.timescustom.create',$grupo->id)}}">Nova Regra de Horário</a>
                @endcan
            </div>
        </div>
        <div class="card-body">
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th></th>
                        <th>Nome</th>
                        <th>Destino</th>
                        <th>Ordem</th>
                        <th>Grupo</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody class="tabela">
                    @foreach($regras as $time)
                    @if ($time->grupo_id == $grupo->id)
                    <tr class="item-teste" draggable="true">
                        <td><i class="fas fa-arrows-alt"></i></td>
                        <td>{{ $time->nome }}</td>
                        @if($time->redir == "A")
                        <td>Áudio</td>
                        @endif
                        
                        @if($time->redir == "R")
                        <td>Ramal</td>
                        @endif
                        
                        @if($time->redir == "U")
                        <td>Ura</td>
                        @endif
                        
                        @if($time->redir == "Q")
                        <td>Fila</td>
                        @endif
                        
                        @if($time->redir == "T")
                        <td>Horário de Atendimento</td>
                        @endif
                        
                        <td class="ordem-content" name="order[{{$time->regra_id}}]">{{ $time->regras()->ordem }} </td>
                        
                        @if (isset($time->grupos))
                        <td>{{$time->grupos->name}}</td>
                        @else
                        <td>Sem grupo</td>  
                        @endif
                        
                        <td class="actions">
                            @can('timescustom.edit')
                            <a class="btn btn-primary btn-sm left" href="{{route(getenv("THEME") . '.timescustom.edit', $time->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                            @endcan
                            
                            @can('timescustom.delete')
                            <form class="left" action="{{ route(getenv("THEME") . '.timescustom.delete', $time->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
                        </td>
                    </tr>
                    @endif              
                    @endforeach
                </tbody>
            </table>
            <form id="form" action="{{route(getenv("THEME") . '.timescustom.alteraordemStore')}}" method="post">
                <input id="token" type="hidden" name="_token" value="{{ csrf_token() }}">
                <div id="elementos"></div>
                {{-- <input class="btn bg-{{ session('template')->nome }}" type="submit" value="Atualizar"> --}}
            </form>
        </div>
        <div class="card-footer">
            <a class="btn btn-success float-right" title="Voltar" href="{{ route(getenv("THEME") . '.grupoCustomizado.index') }}">Voltar</a>
        </div>
    </div>
</div>
@endsection