@extends('layouts.argo')
@section('content')
<div class="col">
    <div class="card">
        <div class="card-body">
            {{-- @can('ajuda.create') --}}
            <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('iframe.create')}}">Cadastrar novo Iframe</a>
            {{-- @endcan --}}
            <h3 class="mb-0">Iframes</h3>
        </div>
        
        <div class="card-body">
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Id</th>
                        <th>Quem vai ligar</th>
                        <th>Quem vai receber</th>
                        <th>Token</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($iframes as $iframe)
                    <tr>
                        <td>{{$iframe->id}}</td>
                        <td>{{$iframe->ramaisIn->callerid}}</td>
                        <td>{{$iframe->ramaisOut->callerid}}</td>
                        <td>{{$iframe->token}}</td>
                        <td class="actions">
                            {{-- @can('iframe.edit') --}}
                            <a class="btn btn-primary btn-sm left" href="{{route('iframe.edit', $iframe->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                            {{-- @endcan --}}
                            
                            <a class="btn btn-default btn-sm left" href="" data-toggle="modal" data-target="#modal{{$iframe->id}}" title="Clique para visualizar o código iframe"><i class="fas fa-eye"></i></a>

                            {{-- @can('iframe.delete') --}}
                            <form class="" action="{{ route('iframe.delete', $iframe->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 --}}

                            <div class="modal fade" id="modal{{$iframe->id}}" 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>Iframe </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>Código do Iframe</p>
                                        
                                        
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

    </div>
</div>
@endsection